@sheinx/base 3.0.0-alpha.1

package/cjs/checkbox/checkbox.type.d.ts

@@ -0,0 +1,56 @@
+import { CommonType, CommonChangeType } from '../common/type';
+import { BaseCheckProps } from '@sheinx/hooks';
+import { InputClasses } from '../input/input.type';
+import React from 'react';
+export interface CheckboxClasses {
+    /**
+     * 最外层class
+     */
+    wrapper: string;
+    wrapperSmall: string;
+    wrapperLarge: string;
+    /**
+     * 当 input 禁用时最外层class
+     */
+    wrapperDisabled: string;
+    /**
+     * 当 status 为 error 时
+     */
+    wrapperChecked: string;
+    wrapperIndeterminate: string;
+    indicator: string;
+    indicatorWrapper: string;
+    darkIndicatorWrapper: string;
+    desc: string;
+    input: string;
+    group: string;
+    groupBlock: string;
+}
+export interface CheckboxStyle {
+    checkbox?: () => CheckboxClasses;
+    input?: () => InputClasses;
+}
+export interface SimpleCheckboxProps extends Omit<BaseCheckProps, 'checked' | 'defaultChecked'>, Pick<CommonType, 'style' | 'className' | 'size'> {
+    jssStyle?: CheckboxStyle;
+    children?: React.ReactNode;
+    checked?: boolean | 'indeterminate';
+    defaultChecked?: boolean | 'indeterminate';
+    renderFooter?: (checked?: boolean) => React.ReactNode;
+    theme?: 'dark';
+}
+export interface CheckboxProps<T> extends CommonChangeType<T>, Omit<SimpleCheckboxProps, 'onChange' | 'checked' | 'renderFooter'> {
+    /**
+     * 选中后返回的值默认为 true
+     */
+    htmlValue?: T;
+    onChange?: (value: T | undefined, checked: boolean, raw: T) => void;
+    checked?: boolean | 'indeterminate' | ((d: T) => boolean | 'indeterminate');
+    onClick?: (e: React.MouseEvent<HTMLInputElement>) => void;
+    value?: T;
+    defaultValue?: T;
+    /**
+     * @deprecated: 废弃属性
+     */
+    inputable?: boolean;
+}
+//# sourceMappingURL=checkbox.type.d.ts.map

package/cjs/checkbox/checkbox.type.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"checkbox.type.d.ts","sourceRoot":"","sources":["checkbox.type.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,UAAU,EAAE,gBAAgB,EAAE,MAAM,gBAAgB,CAAC;AAC9D,OAAO,EAAE,cAAc,EAAE,MAAM,eAAe,CAAC;AAC/C,OAAO,EAAE,YAAY,EAAE,MAAM,qBAAqB,CAAC;AACnD,OAAO,KAAK,MAAM,OAAO,CAAC;AAE1B,MAAM,WAAW,eAAe;IAC9B;;OAEG;IACH,OAAO,EAAE,MAAM,CAAC;IAChB,YAAY,EAAE,MAAM,CAAC;IACrB,YAAY,EAAE,MAAM,CAAC;IACrB;;OAEG;IACH,eAAe,EAAE,MAAM,CAAC;IACxB;;OAEG;IACH,cAAc,EAAE,MAAM,CAAC;IACvB,oBAAoB,EAAE,MAAM,CAAC;IAC7B,SAAS,EAAE,MAAM,CAAC;IAClB,gBAAgB,EAAE,MAAM,CAAC;IACzB,oBAAoB,EAAE,MAAM,CAAC;IAC7B,IAAI,EAAE,MAAM,CAAC;IACb,KAAK,EAAE,MAAM,CAAC;IACd,KAAK,EAAE,MAAM,CAAC;IACd,UAAU,EAAE,MAAM,CAAC;CACpB;AAED,MAAM,WAAW,aAAa;IAC5B,QAAQ,CAAC,EAAE,MAAM,eAAe,CAAC;IACjC,KAAK,CAAC,EAAE,MAAM,YAAY,CAAC;CAC5B;AAED,MAAM,WAAW,mBACf,SAAQ,IAAI,CAAC,cAAc,EAAE,SAAS,GAAG,gBAAgB,CAAC,EACxD,IAAI,CAAC,UAAU,EAAE,OAAO,GAAG,WAAW,GAAG,MAAM,CAAC;IAClD,QAAQ,CAAC,EAAE,aAAa,CAAC;IACzB,QAAQ,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IAC3B,OAAO,CAAC,EAAE,OAAO,GAAG,eAAe,CAAC;IACpC,cAAc,CAAC,EAAE,OAAO,GAAG,eAAe,CAAC;IAC3C,YAAY,CAAC,EAAE,CAAC,OAAO,CAAC,EAAE,OAAO,KAAK,KAAK,CAAC,SAAS,CAAC;IACtD,KAAK,CAAC,EAAE,MAAM,CAAC;CAChB;AAED,MAAM,WAAW,aAAa,CAAC,CAAC,CAC9B,SAAQ,gBAAgB,CAAC,CAAC,CAAC,EACzB,IAAI,CAAC,mBAAmB,EAAE,UAAU,GAAG,SAAS,GAAG,cAAc,CAAC;IACpE;;OAEG;IACH,SAAS,CAAC,EAAE,CAAC,CAAC;IACd,QAAQ,CAAC,EAAE,CAAC,KAAK,EAAE,CAAC,GAAG,SAAS,EAAE,OAAO,EAAE,OAAO,EAAE,GAAG,EAAE,CAAC,KAAK,IAAI,CAAC;IACpE,OAAO,CAAC,EAAE,OAAO,GAAG,eAAe,GAAG,CAAC,CAAC,CAAC,EAAE,CAAC,KAAK,OAAO,GAAG,eAAe,CAAC,CAAC;IAC5E,OAAO,CAAC,EAAE,CAAC,CAAC,EAAE,KAAK,CAAC,UAAU,CAAC,gBAAgB,CAAC,KAAK,IAAI,CAAC;IAC1D,KAAK,CAAC,EAAE,CAAC,CAAC;IACV,YAAY,CAAC,EAAE,CAAC,CAAC;IACjB;;OAEG;IACH,SAAS,CAAC,EAAE,OAAO,CAAC;CACrB"}

package/cjs/checkbox/checkbox.type.js

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

package/cjs/checkbox/group-context.d.ts

@@ -0,0 +1,5 @@
+/// <reference types="react" />
+import { ObjectType } from '@sheinx/hooks';
+declare const groupContext: import("react").Context<ObjectType<any>>;
+export default groupContext;
+//# sourceMappingURL=group-context.d.ts.map

package/cjs/checkbox/group-context.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"group-context.d.ts","sourceRoot":"","sources":["group-context.ts"],"names":[],"mappings":";AACA,OAAO,EAAE,UAAU,EAAE,MAAM,eAAe,CAAC;AAE3C,QAAA,MAAM,YAAY,0CAAgC,CAAC;AAEnD,eAAe,YAAY,CAAC"}

package/cjs/checkbox/group-context.js

@@ -0,0 +1,10 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.default = void 0;
+var _react = require("react");
+var groupContext = /*#__PURE__*/(0, _react.createContext)({});
+var _default = groupContext;
+exports.default = _default;

package/cjs/checkbox/index.d.ts

@@ -0,0 +1,5 @@
+export { default, default as Checkbox } from './checkbox';
+export type { CheckboxProps } from './checkbox.type';
+export { default as CheckboxGroup } from './checkbox-group';
+export type { CheckboxGroupProps } from './checkbox-group.type';
+//# sourceMappingURL=index.d.ts.map

package/cjs/checkbox/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,OAAO,EAAE,OAAO,IAAI,QAAQ,EAAE,MAAM,YAAY,CAAC;AAC1D,YAAY,EAAE,aAAa,EAAE,MAAM,iBAAiB,CAAC;AAErD,OAAO,EAAE,OAAO,IAAI,aAAa,EAAE,MAAM,kBAAkB,CAAC;AAC5D,YAAY,EAAE,kBAAkB,EAAE,MAAM,uBAAuB,CAAC"}

package/cjs/checkbox/index.js

@@ -0,0 +1,26 @@
+"use strict";
+
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+Object.defineProperty(exports, "Checkbox", {
+  enumerable: true,
+  get: function get() {
+    return _checkbox.default;
+  }
+});
+Object.defineProperty(exports, "CheckboxGroup", {
+  enumerable: true,
+  get: function get() {
+    return _checkboxGroup.default;
+  }
+});
+Object.defineProperty(exports, "default", {
+  enumerable: true,
+  get: function get() {
+    return _checkbox.default;
+  }
+});
+var _checkbox = _interopRequireDefault(require("./checkbox"));
+var _checkboxGroup = _interopRequireDefault(require("./checkbox-group"));

package/cjs/checkbox/simple-checkbox.d.ts

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

package/cjs/checkbox/simple-checkbox.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"simple-checkbox.d.ts","sourceRoot":"","sources":["simple-checkbox.tsx"],"names":[],"mappings":";AAGA,OAAO,EAAE,mBAAmB,EAAE,MAAM,iBAAiB,CAAC;AAEtD,QAAA,MAAM,QAAQ,UAAW,mBAAmB,gBAoD3C,CAAC;AAEF,eAAe,QAAQ,CAAC"}

package/cjs/checkbox/simple-checkbox.js

@@ -0,0 +1,76 @@
+"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 _objectWithoutProperties2 = _interopRequireDefault(require("@babel/runtime/helpers/objectWithoutProperties"));
+var _hooks = require("@sheinx/hooks");
+var _classnames = _interopRequireDefault(require("classnames"));
+var _react = _interopRequireDefault(require("react"));
+var _jsxRuntime = require("react/jsx-runtime");
+var _excluded = ["jssStyle", "className", "style", "children", "renderFooter", "size", "theme"];
+function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); enumerableOnly && (symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
+function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys(Object(source), !0).forEach(function (key) { (0, _defineProperty2.default)(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
+var Checkbox = function Checkbox(props) {
+  var _jssStyle$checkbox;
+  var jssStyle = props.jssStyle,
+    className = props.className,
+    style = props.style,
+    children = props.children,
+    renderFooter = props.renderFooter,
+    size = props.size,
+    theme = props.theme,
+    rest = (0, _objectWithoutProperties2.default)(props, _excluded);
+  var checkboxStyle = jssStyle === null || jssStyle === void 0 ? void 0 : (_jssStyle$checkbox = jssStyle.checkbox) === null || _jssStyle$checkbox === void 0 ? void 0 : _jssStyle$checkbox.call(jssStyle);
+  var _useCheck = (0, _hooks.useCheck)(_objectSpread(_objectSpread({}, rest), {}, {
+      checked: props.checked === 'indeterminate' ? true : props.checked,
+      defaultChecked: props.defaultChecked === 'indeterminate' ? true : props.defaultChecked
+    })),
+    getRootProps = _useCheck.getRootProps,
+    getIndicatorProps = _useCheck.getIndicatorProps,
+    getInputProps = _useCheck.getInputProps,
+    disabled = _useCheck.disabled,
+    checked = _useCheck.checked;
+  var rootClass = (0, _classnames.default)(className, checkboxStyle === null || checkboxStyle === void 0 ? void 0 : checkboxStyle.wrapper, size === 'small' && (checkboxStyle === null || checkboxStyle === void 0 ? void 0 : checkboxStyle.wrapperSmall), size === 'large' && (checkboxStyle === null || checkboxStyle === void 0 ? void 0 : checkboxStyle.wrapperLarge), !!disabled && (checkboxStyle === null || checkboxStyle === void 0 ? void 0 : checkboxStyle.wrapperDisabled), !!checked && (checkboxStyle === null || checkboxStyle === void 0 ? void 0 : checkboxStyle.wrapperChecked), props.checked === 'indeterminate' && (checkboxStyle === null || checkboxStyle === void 0 ? void 0 : checkboxStyle.wrapperIndeterminate));
+  var indicatorClass = (0, _classnames.default)(checkboxStyle === null || checkboxStyle === void 0 ? void 0 : checkboxStyle.indicatorWrapper, theme === 'dark' && (checkboxStyle === null || checkboxStyle === void 0 ? void 0 : checkboxStyle.darkIndicatorWrapper));
+  var inputProps = getInputProps();
+  return /*#__PURE__*/(0, _jsxRuntime.jsxs)("div", _objectSpread(_objectSpread({}, getRootProps({
+    className: rootClass,
+    style: style
+  })), {}, {
+    children: [/*#__PURE__*/(0, _jsxRuntime.jsx)("input", _objectSpread(_objectSpread({}, inputProps), {}, {
+      type: "checkbox"
+    })), /*#__PURE__*/(0, _jsxRuntime.jsx)("span", {
+      className: indicatorClass,
+      children: /*#__PURE__*/(0, _jsxRuntime.jsx)("i", _objectSpread(_objectSpread({}, getIndicatorProps()), {}, {
+        className: checkboxStyle === null || checkboxStyle === void 0 ? void 0 : checkboxStyle.indicator,
+        children: props.checked === 'indeterminate' ? /*#__PURE__*/(0, _jsxRuntime.jsx)("svg", {
+          viewBox: "0 0 16 16",
+          fill: "currentColor",
+          children: /*#__PURE__*/(0, _jsxRuntime.jsx)("path", {
+            d: "M3 8C3 7.44772 3.44772 7 4 7H12C12.5523 7 13 7.44772 13 8V8C13 8.55228 12.5523 9 12 9H4C3.44772 9 3 8.55228 3 8V8Z"
+          })
+        }) : checked ? /*#__PURE__*/(0, _jsxRuntime.jsxs)("svg", {
+          viewBox: "0 0 16 16",
+          fill: "currentColor",
+          children: [/*#__PURE__*/(0, _jsxRuntime.jsx)("path", {
+            d: "M2.2216 7.27815C2.61213 6.88763 3.24529 6.88763 3.63582 7.27815L7.17135 10.8137C7.56188 11.2042 7.56188 11.8374 7.17135 12.2279V12.2279C6.78083 12.6184 6.14766 12.6184 5.75714 12.2279L2.2216 8.69237C1.83108 8.30184 1.83108 7.66868 2.2216 7.27815V7.27815Z"
+          }), /*#__PURE__*/(0, _jsxRuntime.jsx)("path", {
+            d: "M14.2431 3.7426C14.6336 4.13312 14.6336 4.76629 14.2431 5.15681L7.17202 12.2279C6.7815 12.6184 6.14833 12.6184 5.75781 12.2279V12.2279C5.36728 11.8374 5.36728 11.2042 5.75781 10.8137L12.8289 3.7426C13.2194 3.35208 13.8526 3.35208 14.2431 3.7426V3.7426Z"
+          })]
+        }) : null
+      }))
+    }), /*#__PURE__*/(0, _jsxRuntime.jsx)("span", {
+      className: checkboxStyle === null || checkboxStyle === void 0 ? void 0 : checkboxStyle.desc,
+      children: children
+    }), typeof renderFooter === 'function' ? renderFooter(checked) : null]
+  }));
+};
+var _default = Checkbox;
+exports.default = _default;

package/cjs/checkbox/use-checkbox-inputable.d.ts

@@ -0,0 +1,8 @@
+import { CheckboxProps } from './checkbox.type';
+declare const useCheckboxInputable: <T>(props: Pick<CheckboxProps<T>, "value" | "onChange" | "checked" | "inputable">) => {
+    checked: boolean | "indeterminate" | ((d: T) => boolean | "indeterminate") | undefined;
+    onInputableCheckboxChange: (c: boolean) => void;
+    onInputChange: (value?: string) => void;
+};
+export default useCheckboxInputable;
+//# sourceMappingURL=use-checkbox-inputable.d.ts.map

package/cjs/checkbox/use-checkbox-inputable.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"use-checkbox-inputable.d.ts","sourceRoot":"","sources":["use-checkbox-inputable.tsx"],"names":[],"mappings":"AACA,OAAO,EAAE,aAAa,EAAE,MAAM,iBAAiB,CAAC;AAEhD,QAAA,MAAM,oBAAoB;;mCAOc,OAAO;4BAId,MAAM;CAQtC,CAAC;AAEF,eAAe,oBAAoB,CAAC"}

package/cjs/checkbox/use-checkbox-inputable.js

@@ -0,0 +1,33 @@
+"use strict";
+
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.default = void 0;
+var _slicedToArray2 = _interopRequireDefault(require("@babel/runtime/helpers/slicedToArray"));
+var _react = require("react");
+var useCheckboxInputable = function useCheckboxInputable(props) {
+  var inputable = props.inputable;
+  var _useState = (0, _react.useState)(false),
+    _useState2 = (0, _slicedToArray2.default)(_useState, 2),
+    checkedState = _useState2[0],
+    setCheckedState = _useState2[1];
+  var checked = inputable ? checkedState : props.checked;
+  var onInputableCheckboxChange = function onInputableCheckboxChange(c) {
+    var _props$onChange;
+    setCheckedState(c);
+    props === null || props === void 0 ? void 0 : (_props$onChange = props.onChange) === null || _props$onChange === void 0 ? void 0 : _props$onChange.call(props, undefined, c, undefined);
+  };
+  var onInputChange = function onInputChange(value) {
+    var _props$onChange2;
+    props === null || props === void 0 ? void 0 : (_props$onChange2 = props.onChange) === null || _props$onChange2 === void 0 ? void 0 : _props$onChange2.call(props, value, true, undefined);
+  };
+  return {
+    checked: checked,
+    onInputableCheckboxChange: onInputableCheckboxChange,
+    onInputChange: onInputChange
+  };
+};
+var _default = useCheckboxInputable;
+exports.default = _default;

package/cjs/common/type.d.ts

@@ -0,0 +1,44 @@
+import React, { CSSProperties } from 'react';
+export interface CommonType {
+    status?: 'error';
+    /**
+     * @en Custom class name
+     * @cn 自定义类名
+     */
+    className?: string;
+    /**
+     * @en Custom style
+     * @cn 自定义样式
+     */
+    style?: CSSProperties;
+    /**
+     * @en There are three built-in size: small、default、large.
+     * @cn 不同尺寸
+     * @override union
+     * @default 'default'
+     */
+    size?: 'small' | 'large' | 'default';
+    /**
+     * @en inner title
+     * @cn 内嵌标题
+     */
+    innerTitle?: React.ReactNode;
+    /**
+     * @en Placeholder title, which needs to be used together with innerTitle
+     * @cn 占位标题，需要配合 innerTitle 一起使用
+     */
+    placeTitle?: React.ReactNode;
+    /**
+     * @cn 样式类型
+     * @en style type
+     */
+    iconType: 'success' | 'info' | 'warning' | 'danger' | 'confirmwarning' | 'error' | 'confirm';
+}
+export interface CommonChangeType<T> {
+    /**
+     * @en The callback before the value is changed, when the return value is not empty, it will be used as the new value of the component
+     * @cn 值改变前的回调，当返回值不为空时将作为组件的新值
+     */
+    beforeChange?: (value: T) => T | void | undefined;
+}
+//# sourceMappingURL=type.d.ts.map

package/cjs/common/type.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"type.d.ts","sourceRoot":"","sources":["type.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,EAAE,aAAa,EAAE,MAAM,OAAO,CAAC;AAE7C,MAAM,WAAW,UAAU;IACzB,MAAM,CAAC,EAAE,OAAO,CAAC;IACjB;;;OAGG;IACH,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB;;;OAGG;IACH,KAAK,CAAC,EAAE,aAAa,CAAC;IACtB;;;;;OAKG;IACH,IAAI,CAAC,EAAE,OAAO,GAAG,OAAO,GAAG,SAAS,CAAC;IACrC;;;OAGG;IACH,UAAU,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IAC7B;;;OAGG;IACH,UAAU,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IAC7B;;;OAGG;IACH,QAAQ,EAAE,SAAS,GAAG,MAAM,GAAG,SAAS,GAAG,QAAQ,GAAG,gBAAgB,GAAG,OAAO,GAAG,SAAS,CAAC;CAC9F;AAED,MAAM,WAAW,gBAAgB,CAAC,CAAC;IACjC;;;OAGG;IACH,YAAY,CAAC,EAAE,CAAC,KAAK,EAAE,CAAC,KAAK,CAAC,GAAG,IAAI,GAAG,SAAS,CAAC;CACnD"}

package/cjs/common/type.js

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

package/cjs/common/use-clear.d.ts

@@ -0,0 +1,13 @@
+export interface ClearProps<T> {
+    value?: T;
+    clearable?: boolean | (() => void);
+    clearToUndefined?: boolean;
+    onChange?: (v: T, ...rest: any) => void;
+}
+declare const useClear: <T>(props: ClearProps<T>) => {
+    onClear: () => void;
+    clearable: boolean;
+    showClear: boolean;
+};
+export default useClear;
+//# sourceMappingURL=use-clear.d.ts.map

package/cjs/common/use-clear.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"use-clear.d.ts","sourceRoot":"","sources":["use-clear.ts"],"names":[],"mappings":"AAEA,MAAM,WAAW,UAAU,CAAC,CAAC;IAC3B,KAAK,CAAC,EAAE,CAAC,CAAC;IACV,SAAS,CAAC,EAAE,OAAO,GAAG,CAAC,MAAM,IAAI,CAAC,CAAC;IACnC,gBAAgB,CAAC,EAAE,OAAO,CAAC;IAC3B,QAAQ,CAAC,EAAE,CAAC,CAAC,EAAE,CAAC,EAAE,GAAG,IAAI,EAAE,GAAG,KAAK,IAAI,CAAC;CACzC;AAED,QAAA,MAAM,QAAQ;;;;CA+Bb,CAAC;AAEF,eAAe,QAAQ,CAAC"}

package/cjs/common/use-clear.js

@@ -0,0 +1,41 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.default = void 0;
+var _hooks = require("@sheinx/hooks");
+var useClear = function useClear(props) {
+  var clearable = props.clearable,
+    clearToUndefined = props.clearToUndefined,
+    value = props.value,
+    onChange = props.onChange;
+  var clearValue = '';
+  if (Array.isArray(value)) {
+    clearValue = [];
+  }
+  var handleClear = (0, _hooks.usePersistFn)(function () {
+    onChange === null || onChange === void 0 ? void 0 : onChange(clearToUndefined ? undefined : clearValue);
+    if (typeof clearable === 'function') {
+      clearable();
+    }
+  });
+  var getShowClear = function getShowClear() {
+    if (!clearable) return false;
+    if (clearToUndefined) {
+      return value !== undefined;
+    }
+    if (Array.isArray(value)) {
+      return value.length > 0;
+    }
+    if (value === 0) return true;
+    return !!value;
+  };
+  return {
+    onClear: handleClear,
+    clearable: !!clearable,
+    showClear: getShowClear()
+  };
+};
+var _default = useClear;
+exports.default = _default;

package/cjs/common/use-inner-title.d.ts

@@ -0,0 +1,24 @@
+import React from 'react';
+import { CommonType } from './type';
+export interface InnerTitleClasses {
+    wrapper: string;
+    wrapperOpen: string;
+    wrapperSmall: string;
+    wrapperLarge: string;
+    title: string;
+    place: string;
+    content: string;
+}
+export interface InnerTitleProps {
+    innerTitle?: React.ReactNode;
+    placeTitle?: React.ReactNode;
+    open?: boolean;
+    size?: CommonType['size'];
+    titleClassName?: string;
+    jssStyle?: {
+        innerTitle?: () => InnerTitleClasses;
+    };
+}
+declare const useInnerTitle: (props: InnerTitleProps) => (el: React.ReactElement) => JSX.Element;
+export default useInnerTitle;
+//# sourceMappingURL=use-inner-title.d.ts.map

package/cjs/common/use-inner-title.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"use-inner-title.d.ts","sourceRoot":"","sources":["use-inner-title.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAG1B,OAAO,EAAE,UAAU,EAAE,MAAM,QAAQ,CAAC;AAEpC,MAAM,WAAW,iBAAiB;IAChC,OAAO,EAAE,MAAM,CAAC;IAChB,WAAW,EAAE,MAAM,CAAC;IACpB,YAAY,EAAE,MAAM,CAAC;IACrB,YAAY,EAAE,MAAM,CAAC;IACrB,KAAK,EAAE,MAAM,CAAC;IACd,KAAK,EAAE,MAAM,CAAC;IACd,OAAO,EAAE,MAAM,CAAC;CACjB;AAED,MAAM,WAAW,eAAe;IAC9B,UAAU,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IAC7B,UAAU,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IAC7B,IAAI,CAAC,EAAE,OAAO,CAAC;IACf,IAAI,CAAC,EAAE,UAAU,CAAC,MAAM,CAAC,CAAC;IAC1B,cAAc,CAAC,EAAE,MAAM,CAAC;IACxB,QAAQ,CAAC,EAAE;QACT,UAAU,CAAC,EAAE,MAAM,iBAAiB,CAAC;KACtC,CAAC;CACH;AAED,QAAA,MAAM,aAAa,UAAW,eAAe,UAGL,MAAM,YAAY,gBA+BzD,CAAC;AAEF,eAAe,aAAa,CAAC"}

package/cjs/common/use-inner-title.js

@@ -0,0 +1,47 @@
+"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 _hooks = require("@sheinx/hooks");
+var _classnames = _interopRequireDefault(require("classnames"));
+var _jsxRuntime = require("react/jsx-runtime");
+var useInnerTitle = function useInnerTitle(props) {
+  var _jssStyle$innerTitle;
+  var innerTitle = props.innerTitle,
+    open = props.open,
+    placeTitle = props.placeTitle,
+    size = props.size,
+    jssStyle = props.jssStyle;
+  var innerTitleStyle = jssStyle === null || jssStyle === void 0 ? void 0 : (_jssStyle$innerTitle = jssStyle.innerTitle) === null || _jssStyle$innerTitle === void 0 ? void 0 : _jssStyle$innerTitle.call(jssStyle);
+  var renderInput = (0, _hooks.usePersistFn)(function (el) {
+    if (!innerTitle) return el;
+    return /*#__PURE__*/(0, _jsxRuntime.jsxs)("div", {
+      className: (0, _classnames.default)(innerTitleStyle === null || innerTitleStyle === void 0 ? void 0 : innerTitleStyle.wrapper, !!open && (innerTitleStyle === null || innerTitleStyle === void 0 ? void 0 : innerTitleStyle.wrapperOpen), size === 'small' && (innerTitleStyle === null || innerTitleStyle === void 0 ? void 0 : innerTitleStyle.wrapperSmall), size === 'large' && (innerTitleStyle === null || innerTitleStyle === void 0 ? void 0 : innerTitleStyle.wrapperLarge)),
+      children: [/*#__PURE__*/(0, _jsxRuntime.jsx)("div", {
+        className: (0, _classnames.default)(innerTitleStyle === null || innerTitleStyle === void 0 ? void 0 : innerTitleStyle.title, props.titleClassName),
+        children: innerTitle
+      }), /*#__PURE__*/(0, _jsxRuntime.jsx)("div", {
+        onMouseDown: function onMouseDown(e) {
+          e.preventDefault();
+          e.stopPropagation();
+        },
+        style: open ? {
+          paddingTop: 0,
+          paddingBottom: 0
+        } : undefined,
+        className: (0, _classnames.default)(innerTitleStyle === null || innerTitleStyle === void 0 ? void 0 : innerTitleStyle.title, innerTitleStyle === null || innerTitleStyle === void 0 ? void 0 : innerTitleStyle.place, props.titleClassName),
+        children: placeTitle || innerTitle
+      }), /*#__PURE__*/(0, _jsxRuntime.jsx)("div", {
+        className: innerTitleStyle === null || innerTitleStyle === void 0 ? void 0 : innerTitleStyle.content,
+        children: el
+      })]
+    });
+  });
+  return renderInput;
+};
+var _default = useInnerTitle;
+exports.default = _default;

package/cjs/common/use-tip.d.ts

@@ -0,0 +1,17 @@
+import React from 'react';
+import type { PopoverProps } from '../popover/popover.type';
+export interface BaseTipProps {
+    popover?: PopoverProps['position'];
+    popoverProps?: PopoverProps;
+    tip?: React.ReactNode;
+    error?: string | {
+        message?: string;
+    };
+    jssStyle?: PopoverProps['jssStyle'];
+}
+declare const useTip: (props: BaseTipProps & {
+    focused: boolean;
+    rootRef: React.RefObject<HTMLElement>;
+}) => JSX.Element | null;
+export default useTip;
+//# sourceMappingURL=use-tip.d.ts.map

package/cjs/common/use-tip.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"use-tip.d.ts","sourceRoot":"","sources":["use-tip.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,MAAM,OAAO,CAAC;AAG1B,OAAO,KAAK,EAAE,YAAY,EAAE,MAAM,yBAAyB,CAAC;AAG5D,MAAM,WAAW,YAAY;IAC3B,OAAO,CAAC,EAAE,YAAY,CAAC,UAAU,CAAC,CAAC;IACnC,YAAY,CAAC,EAAE,YAAY,CAAC;IAC5B,GAAG,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IACtB,KAAK,CAAC,EAAE,MAAM,GAAG;QAAE,OAAO,CAAC,EAAE,MAAM,CAAA;KAAE,CAAC;IACtC,QAAQ,CAAC,EAAE,YAAY,CAAC,UAAU,CAAC,CAAC;CACrC;AACD,QAAA,MAAM,MAAM;aACuB,OAAO;aAAW,MAAM,SAAS,CAAC,WAAW,CAAC;wBA2BhF,CAAC;AAEF,eAAe,MAAM,CAAC"}

package/cjs/common/use-tip.js

@@ -0,0 +1,54 @@
+"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 _popover = _interopRequireDefault(require("../popover"));
+var _react = _interopRequireDefault(require("react"));
+var _errorTrans = _interopRequireDefault(require("../form/error-trans"));
+var _jsxRuntime = require("react/jsx-runtime");
+function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); enumerableOnly && (symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
+function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys(Object(source), !0).forEach(function (key) { (0, _defineProperty2.default)(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
+var useTip = function useTip(props) {
+  var _popoverProps$style;
+  var popover = props.popover,
+    popoverProps = props.popoverProps,
+    error = props.error,
+    tip = props.tip,
+    focused = props.focused,
+    rootRef = props.rootRef,
+    jssStyle = props.jssStyle;
+  if (!tip) return null;
+  var styles = popoverProps !== null && popoverProps !== void 0 && popoverProps.style && popoverProps !== null && popoverProps !== void 0 && (_popoverProps$style = popoverProps.style) !== null && _popoverProps$style !== void 0 && _popoverProps$style.width ? popoverProps === null || popoverProps === void 0 ? void 0 : popoverProps.style : Object.assign({
+    minWidth: 200,
+    maxWidth: 400
+  }, (popoverProps === null || popoverProps === void 0 ? void 0 : popoverProps.style) || {});
+  var errorMessage = typeof error === 'string' ? error : error === null || error === void 0 ? void 0 : error.message;
+  var errorObj = typeof error === 'string' ? new Error(error) : error;
+  if (tip && focused || popover && errorMessage) {
+    return /*#__PURE__*/(0, _jsxRuntime.jsx)(_popover.default, _objectSpread(_objectSpread({
+      jssStyle: jssStyle,
+      getPopupContainer: function getPopupContainer() {
+        return rootRef.current;
+      },
+      useTextStyle: true
+    }, popoverProps), {}, {
+      style: styles,
+      visible: true,
+      position: (popoverProps === null || popoverProps === void 0 ? void 0 : popoverProps.position) || 'bottom-left',
+      type: errorMessage ? 'error' : undefined,
+      children: errorMessage ? /*#__PURE__*/(0, _jsxRuntime.jsx)(_errorTrans.default, {
+        error: errorObj
+      }) : tip
+    }));
+  }
+  return null;
+};
+var _default = useTip;
+exports.default = _default;

package/cjs/common/use-with-form-config.d.ts

@@ -0,0 +1,3 @@
+export declare const useWithFormConfig: (props: any) => any;
+export default useWithFormConfig;
+//# sourceMappingURL=use-with-form-config.d.ts.map

package/cjs/common/use-with-form-config.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"use-with-form-config.d.ts","sourceRoot":"","sources":["use-with-form-config.ts"],"names":[],"mappings":"AAEA,eAAO,MAAM,iBAAiB,UAAW,GAAG,QAS3C,CAAC;AAEF,eAAe,iBAAiB,CAAC"}

package/cjs/common/use-with-form-config.js

@@ -0,0 +1,26 @@
+"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.useWithFormConfig = exports.default = void 0;
+var _defineProperty2 = _interopRequireDefault(require("@babel/runtime/helpers/defineProperty"));
+var _hooks = require("@sheinx/hooks");
+function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); enumerableOnly && (symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
+function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys(Object(source), !0).forEach(function (key) { (0, _defineProperty2.default)(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
+var useWithFormConfig = function useWithFormConfig(props) {
+  var formConfig = (0, _hooks.useFormConfig)();
+  var size = (props === null || props === void 0 ? void 0 : props.size) || formConfig.size;
+  var disabled = formConfig.disabled || (props === null || props === void 0 ? void 0 : props.disabled);
+  return _objectSpread(_objectSpread({}, props), {}, {
+    size: size,
+    disabled: disabled
+  });
+};
+exports.useWithFormConfig = useWithFormConfig;
+var _default = useWithFormConfig;
+exports.default = _default;

package/cjs/config/index.d.ts

@@ -0,0 +1,15 @@
+import { CaretType } from '../icons/caret.type';
+import { INTERNAL_Snapshot as Snapshot } from 'valtio/vanilla';
+import { LanType, Direction } from './locale/Props';
+export interface ConfigOption {
+    locale: LanType;
+    caret?: CaretType;
+    direction: Direction;
+    popupContainer?: HTMLElement | null | (() => HTMLElement | null);
+}
+export declare let config: ConfigOption;
+export declare function getDefaultContainer(): HTMLElement;
+export declare const useConfig: () => Snapshot<ConfigOption>;
+export declare const setConfig: (option: Partial<ConfigOption>) => void;
+export { setLocale, getLocale } from './locale/index';
+//# sourceMappingURL=index.d.ts.map

package/cjs/config/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["index.ts"],"names":[],"mappings":"AAEA,OAAO,EAAE,SAAS,EAAE,MAAM,qBAAqB,CAAC;AAChD,OAAO,EAAE,iBAAiB,IAAI,QAAQ,EAAE,MAAM,gBAAgB,CAAC;AAC/D,OAAO,EAAE,OAAO,EAAE,SAAS,EAAE,MAAM,gBAAgB,CAAC;AAEpD,MAAM,WAAW,YAAY;IAG3B,MAAM,EAAE,OAAO,CAAC;IAMhB,KAAK,CAAC,EAAE,SAAS,CAAC;IAClB,SAAS,EAAE,SAAS,CAAC;IACrB,cAAc,CAAC,EAAE,WAAW,GAAG,IAAI,GAAG,CAAC,MAAM,WAAW,GAAG,IAAI,CAAC,CAAC;CAClE;AAQD,eAAO,IAAI,MAAM,EAAE,YAMlB,CAAC;AAQF,wBAAgB,mBAAmB,gBAWlC;AAED,eAAO,MAAM,SAAS,QAAO,SAAS,YAAY,CAEjD,CAAC;AAEF,eAAO,MAAM,SAAS,WAAY,QAAQ,YAAY,CAAC,SAQtD,CAAC;AAEF,OAAO,EAAE,SAAS,EAAE,SAAS,EAAE,MAAM,gBAAgB,CAAC"}