@sheinx/base 3.6.0-beta.8 → 3.6.0

package/cjs/form/form-field.d.ts

@@ -1,5 +1,4 @@
-/// <reference types="react" />
 import { FormFieldProps } from './form-field.type';
-declare const FormField: <T extends unknown = any>(props: FormFieldProps<T>) => JSX.Element;
+declare const FormField: <T extends unknown = any>(props: FormFieldProps<T>) => import("react/jsx-runtime").JSX.Element;
 export default FormField;
 //# sourceMappingURL=form-field.d.ts.map

package/cjs/form/form-field.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"form-field.d.ts","sourceRoot":"","sources":["form-field.tsx"],"names":[],"mappings":";AAEA,OAAO,EAAqB,cAAc,EAAE,MAAM,mBAAmB,CAAC;AAGtE,QAAA,MAAM,SAAS,oEA6Ed,CAAC;AAEF,eAAe,SAAS,CAAC"}
+{"version":3,"file":"form-field.d.ts","sourceRoot":"","sources":["form-field.tsx"],"names":[],"mappings":"AAEA,OAAO,EAAqB,cAAc,EAAE,MAAM,mBAAmB,CAAC;AAGtE,QAAA,MAAM,SAAS,gGAoFd,CAAC;AAEF,eAAe,SAAS,CAAC"}

package/cjs/form/form-field.js

@@ -45,6 +45,7 @@ var FormField = function FormField(props) {
   var error = (_childrenProps$error = childrenProps.error) !== null && _childrenProps$error !== void 0 ? _childrenProps$error : formControl.error;
   var status = (_childrenProps$status = childrenProps.status) !== null && _childrenProps$status !== void 0 ? _childrenProps$status : formControl.error ? 'error' : undefined;
   var _useContext = (0, _react.useContext)(_formFieldContext.FormFieldContext),
+    fieldId = _useContext.fieldId,
     separator = _useContext.separator;
   var formFieldId = (0, _react.useMemo)(function () {
     if (!formConfig.formName) return;
@@ -56,6 +57,12 @@ var FormField = function FormField(props) {
     }
     return _hooks.util.getFieldId(formControl.name, formConfig.formName);
   }, [formControl.name, formConfig.formName, childrenProps.id]);
+  var _useContext2 = (0, _react.useContext)(_hooks.FieldsetContext),
+    fieldsetPath = _useContext2.path;
+  var fieldsetPathId = (0, _react.useMemo)(function () {
+    if (!formConfig.formName) return;
+    return _hooks.util.getFieldId(fieldsetPath, formConfig.formName);
+  }, [fieldsetPath, formConfig.formName]);
   var cloneProps = {
     onChange: handleChange,
     status: status,
@@ -77,7 +84,7 @@ var FormField = function FormField(props) {
   }
   return /*#__PURE__*/(0, _jsxRuntime.jsx)(_formFieldContext.FormFieldContext.Provider, {
     value: {
-      fieldId: formFieldId,
+      fieldId: formFieldId || fieldId || fieldsetPathId,
       separator: separator
     },
     children: finalChildren

package/cjs/form/form-flow.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"form-flow.d.ts","sourceRoot":"","sources":["form-flow.tsx"],"names":[],"mappings":";AACA,OAAO,KAAK,EAAE,aAAa,EAAE,MAAM,kBAAkB,CAAC;AAEtD,QAAA,MAAM,QAAQ,EAAE,KAAK,CAAC,EAAE,CAAC,aAAa,CAIrC,CAAC;AAEF,eAAe,QAAQ,CAAC"}
+{"version":3,"file":"form-flow.d.ts","sourceRoot":"","sources":["form-flow.tsx"],"names":[],"mappings":";AAEA,OAAO,KAAK,EAAE,aAAa,EAAE,MAAM,kBAAkB,CAAC;AAEtD,QAAA,MAAM,QAAQ,EAAE,KAAK,CAAC,EAAE,CAAC,aAAa,CAoBrC,CAAC;AAEF,eAAe,QAAQ,CAAC"}

package/cjs/form/form-flow.js

@@ -4,12 +4,29 @@ Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.default = void 0;
+var _react = require("react");
 var _hooks = require("@sheinx/hooks");
 var FormFlow = function FormFlow(props) {
+  var _props$names;
   var datum = (0, _hooks.useFormFlow)({
     names: props.names
   });
-  if (_hooks.util.isFunc(props.children)) return props.children(datum);
+  var valueOfNames = (_props$names = props.names) === null || _props$names === void 0 ? void 0 : _props$names.map(function (name) {
+    return datum === null || datum === void 0 ? void 0 : datum.get(name);
+  });
+  var memoizedResult = (0, _react.useMemo)(function () {
+    if (!props.strict) return;
+    if (_hooks.util.isFunc(props.children)) {
+      return props.children(datum);
+    }
+    return props.children;
+  }, [valueOfNames === null || valueOfNames === void 0 ? void 0 : valueOfNames.toString()]);
+  if (props.strict) {
+    return memoizedResult;
+  }
+  if (_hooks.util.isFunc(props.children)) {
+    return props.children(datum);
+  }
   return props.children;
 };
 var _default = exports.default = FormFlow;

package/cjs/form/form-flow.type.d.ts

@@ -15,5 +15,12 @@ export interface FormFlowProps extends UseFormFlowProps {
      * @cn names 为空时，Form 内任意值变化会触发 Flow 更新；不为空时，只监听指定字段变化
      */
     names?: string[];
+    /**
+     * @en Whether to strictly follow the watch rules.
+     * @cn 严格根据 names 配置监听变化
+     * @default false
+     * @version 3.6.0
+     */
+    strict?: boolean;
 }
 //# sourceMappingURL=form-flow.type.d.ts.map

package/cjs/form/form-flow.type.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"form-flow.type.d.ts","sourceRoot":"","sources":["form-flow.type.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAC1B,OAAO,EAAE,gBAAgB,EAAE,SAAS,EAAE,MAAM,eAAe,CAAC;AAE5D;;GAEG;AACH,MAAM,WAAW,aAAc,SAAQ,gBAAgB;IACrD;;;;OAIG;IACH,QAAQ,EAAE,CAAC,CAAC,KAAK,CAAC,EAAE,SAAS,KAAK,KAAK,CAAC,SAAS,CAAC,GAAG,KAAK,CAAC,SAAS,CAAC;IACrE;;;OAGG;IACH,KAAK,CAAC,EAAE,MAAM,EAAE,CAAC;CAClB"}
+{"version":3,"file":"form-flow.type.d.ts","sourceRoot":"","sources":["form-flow.type.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAC1B,OAAO,EAAE,gBAAgB,EAAE,SAAS,EAAE,MAAM,eAAe,CAAC;AAE5D;;GAEG;AACH,MAAM,WAAW,aAAc,SAAQ,gBAAgB;IACrD;;;;OAIG;IACH,QAAQ,EAAE,CAAC,CAAC,KAAK,CAAC,EAAE,SAAS,KAAK,KAAK,CAAC,SAAS,CAAC,GAAG,KAAK,CAAC,SAAS,CAAC;IACrE;;;OAGG;IACH,KAAK,CAAC,EAAE,MAAM,EAAE,CAAC;IAEjB;;;;;OAKG;IACH,MAAM,CAAC,EAAE,OAAO,CAAC;CAClB"}

package/cjs/form/form-footer-context.d.ts

@@ -13,6 +13,6 @@ export interface FormFooterContextValue {
 export declare const FormFooterContext: React.Context<FormFooterContextValue | null>;
 export declare const FormFooterProvider: (props: {
     children: React.ReactNode;
-}) => JSX.Element;
+}) => import("react/jsx-runtime").JSX.Element;
 export declare const useFormFooter: () => FormFooterContextValue | null;
 //# sourceMappingURL=form-footer-context.d.ts.map

package/cjs/form/form-footer-context.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"form-footer-context.d.ts","sourceRoot":"","sources":["form-footer-context.tsx"],"names":[],"mappings":"AAEA,OAAO,KAA+D,MAAM,OAAO,CAAC;AAEpF,MAAM,WAAW,sBAAsB;IACrC,YAAY,EAAE,CAAC,QAAQ,CAAC,EAAE,UAAU,GAAG,SAAS,KAAK,IAAI,CAAC;IAC1D,WAAW,EAAE,CAAC,IAAI,EAAE;QAAE,MAAM,EAAE,MAAM,IAAI,CAAA;KAAE,KAAK,OAAO,CAAC;IACvD,cAAc,EAAE,MAAM,IAAI,CAAC;IAC3B,SAAS,EAAE,UAAU,GAAG,SAAS,GAAG,SAAS,CAAC;IAC9C,IAAI,EAAE;QACJ,MAAM,EAAE,MAAM,IAAI,CAAC;KACpB,CAAC;CACH;AAED,eAAO,MAAM,iBAAiB,8CAAqD,CAAC;AAEpF,eAAO,MAAM,kBAAkB,UAAW;IAAE,QAAQ,EAAE,MAAM,SAAS,CAAA;CAAE,gBA6BtE,CAAC;AAEF,eAAO,MAAM,aAAa,qCAGzB,CAAC"}
+{"version":3,"file":"form-footer-context.d.ts","sourceRoot":"","sources":["form-footer-context.tsx"],"names":[],"mappings":"AAEA,OAAO,KAA+D,MAAM,OAAO,CAAC;AAEpF,MAAM,WAAW,sBAAsB;IACrC,YAAY,EAAE,CAAC,QAAQ,CAAC,EAAE,UAAU,GAAG,SAAS,KAAK,IAAI,CAAC;IAC1D,WAAW,EAAE,CAAC,IAAI,EAAE;QAAE,MAAM,EAAE,MAAM,IAAI,CAAA;KAAE,KAAK,OAAO,CAAC;IACvD,cAAc,EAAE,MAAM,IAAI,CAAC;IAC3B,SAAS,EAAE,UAAU,GAAG,SAAS,GAAG,SAAS,CAAC;IAC9C,IAAI,EAAE;QACJ,MAAM,EAAE,MAAM,IAAI,CAAC;KACpB,CAAC;CACH;AAED,eAAO,MAAM,iBAAiB,8CAAqD,CAAC;AAEpF,eAAO,MAAM,kBAAkB,UAAW;IAAE,QAAQ,EAAE,MAAM,SAAS,CAAA;CAAE,4CA6BtE,CAAC;AAEF,eAAO,MAAM,aAAa,qCAGzB,CAAC"}

package/cjs/form/form-item.d.ts

@@ -1,5 +1,4 @@
-/// <reference types="react" />
 import type { FormItemProps } from './form-item.type';
-declare const FormItem: (props: FormItemProps) => JSX.Element;
+declare const FormItem: (props: FormItemProps) => import("react/jsx-runtime").JSX.Element;
 export default FormItem;
 //# sourceMappingURL=form-item.d.ts.map

package/cjs/form/form-item.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"form-item.d.ts","sourceRoot":"","sources":["form-item.tsx"],"names":[],"mappings":";AAQA,OAAO,KAAK,EAAmB,aAAa,EAAE,MAAM,kBAAkB,CAAC;AAEvE,QAAA,MAAM,QAAQ,UAAW,aAAa,gBA2GrC,CAAC;AAEF,eAAe,QAAQ,CAAC"}
+{"version":3,"file":"form-item.d.ts","sourceRoot":"","sources":["form-item.tsx"],"names":[],"mappings":"AAQA,OAAO,KAAK,EAAmB,aAAa,EAAE,MAAM,kBAAkB,CAAC;AAEvE,QAAA,MAAM,QAAQ,UAAW,aAAa,4CA2GrC,CAAC;AAEF,eAAe,QAAQ,CAAC"}

package/cjs/form/form.d.ts

@@ -1,6 +1,5 @@
-/// <reference types="react" />
 import type { FormProps } from './form.type';
 import type { ObjectType } from '@sheinx/hooks';
-declare const Form: <V extends ObjectType>(props: FormProps<V>) => JSX.Element;
+declare const Form: <V extends ObjectType>(props: FormProps<V>) => import("react/jsx-runtime").JSX.Element;
 export default Form;
 //# sourceMappingURL=form.d.ts.map

package/cjs/form/form.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"form.d.ts","sourceRoot":"","sources":["form.tsx"],"names":[],"mappings":";AAKA,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,aAAa,CAAC;AAC7C,OAAO,KAAK,EAAE,UAAU,EAAE,MAAM,eAAe,CAAC;AAGhD,QAAA,MAAM,IAAI,4DA0HT,CAAC;AAEF,eAAe,IAAI,CAAC"}
+{"version":3,"file":"form.d.ts","sourceRoot":"","sources":["form.tsx"],"names":[],"mappings":"AAKA,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,aAAa,CAAC;AAC7C,OAAO,KAAK,EAAE,UAAU,EAAE,MAAM,eAAe,CAAC;AAGhD,QAAA,MAAM,IAAI,wFA2HT,CAAC;AAEF,eAAe,IAAI,CAAC"}

package/cjs/form/form.js

@@ -39,12 +39,14 @@ var Form = function Form(props) {
     beforeChange: undefined,
     reserveAble: false
   };
+  var formElRef = (0, _react.useRef)(null);
   var _useInputAble = (0, _hooks.useInputAble)(inputAbleParams),
     value = _useInputAble.value,
     onChange = _useInputAble.onChange;
   var _useForm = (0, _hooks.useForm)(_objectSpread(_objectSpread({}, rest), {}, {
       value: value,
-      onChange: onChange
+      onChange: onChange,
+      formElRef: formElRef
     })),
     Provider = _useForm.Provider,
     ProviderProps = _useForm.ProviderProps,
@@ -118,7 +120,6 @@ var Form = function Form(props) {
     className: rootClass,
     style: style
   });
-  var formElRef = (0, _react.useRef)(null);
   (0, _react.useEffect)(function () {
     if (formElRef.current instanceof HTMLFormElement) {
       formElRef.current.addEventListener('submit', formProps.onSubmit);

package/cjs/gap/gap.d.ts

@@ -1,5 +1,4 @@
-/// <reference types="react" />
 import { GapProps } from './gap.type';
-declare const Gap: (props: GapProps) => JSX.Element;
+declare const Gap: (props: GapProps) => import("react/jsx-runtime").JSX.Element;
 export default Gap;
 //# sourceMappingURL=gap.d.ts.map

package/cjs/gap/gap.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"gap.d.ts","sourceRoot":"","sources":["gap.tsx"],"names":[],"mappings":";AAGA,OAAO,EAAE,QAAQ,EAAE,MAAM,YAAY,CAAC;AAGtC,QAAA,MAAM,GAAG,UAAW,QAAQ,gBAkC3B,CAAC;AAEF,eAAe,GAAG,CAAC"}
+{"version":3,"file":"gap.d.ts","sourceRoot":"","sources":["gap.tsx"],"names":[],"mappings":"AAGA,OAAO,EAAE,QAAQ,EAAE,MAAM,YAAY,CAAC;AAGtC,QAAA,MAAM,GAAG,UAAW,QAAQ,4CAkC3B,CAAC;AAEF,eAAe,GAAG,CAAC"}

package/cjs/grid/grid.d.ts

@@ -1,7 +1,6 @@
-/// <reference types="react" />
 import { GridProps } from './grid.type';
 declare const Gird: {
-    (props: GridProps): JSX.Element;
+    (props: GridProps): import("react/jsx-runtime").JSX.Element;
     isGrid: boolean;
 };
 export default Gird;

package/cjs/grid/grid.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"grid.d.ts","sourceRoot":"","sources":["grid.tsx"],"names":[],"mappings":";AAGA,OAAO,EAAE,SAAS,EAAE,MAAM,aAAa,CAAC;AAExC,QAAA,MAAM,IAAI;YAAW,SAAS;;CAyC7B,CAAC;AAGF,eAAe,IAAI,CAAC"}
+{"version":3,"file":"grid.d.ts","sourceRoot":"","sources":["grid.tsx"],"names":[],"mappings":"AAGA,OAAO,EAAE,SAAS,EAAE,MAAM,aAAa,CAAC;AAExC,QAAA,MAAM,IAAI;YAAW,SAAS;;CAyC7B,CAAC;AAGF,eAAe,IAAI,CAAC"}

package/cjs/icons/config.d.ts

@@ -1,148 +1,152 @@
-/// <reference types="react" />
 declare const config: {
     alert: {
-        Close: JSX.Element;
-        Info: JSX.Element;
-        Success: JSX.Element;
-        Warning: JSX.Element;
-        Danger: JSX.Element;
-        ConfirmWarning: JSX.Element;
-        Error: JSX.Element;
-        Confirm: JSX.Element;
+        Close: import("react/jsx-runtime").JSX.Element;
+        Info: import("react/jsx-runtime").JSX.Element;
+        Success: import("react/jsx-runtime").JSX.Element;
+        Warning: import("react/jsx-runtime").JSX.Element;
+        Danger: import("react/jsx-runtime").JSX.Element;
+        ConfirmWarning: import("react/jsx-runtime").JSX.Element;
+        Error: import("react/jsx-runtime").JSX.Element;
+        Confirm: import("react/jsx-runtime").JSX.Element;
     };
     form: {
-        Tooltip: JSX.Element;
+        Tooltip: import("react/jsx-runtime").JSX.Element;
     };
     breadcrumb: {
-        DropdownArrow: JSX.Element;
+        DropdownArrow: import("react/jsx-runtime").JSX.Element;
     };
     card: {
-        CollapseArrow: JSX.Element;
+        CollapseArrow: import("react/jsx-runtime").JSX.Element;
     };
     carousel: {
-        Backward: JSX.Element;
-        Forward: JSX.Element;
+        Backward: import("react/jsx-runtime").JSX.Element;
+        Forward: import("react/jsx-runtime").JSX.Element;
     };
     cascader: {
-        More: JSX.Element;
-        DropdownArrow: JSX.Element;
-        Close: JSX.Element;
-        CollapseArrow: JSX.Element;
+        More: import("react/jsx-runtime").JSX.Element;
+        DropdownArrow: import("react/jsx-runtime").JSX.Element;
+        Close: import("react/jsx-runtime").JSX.Element;
+        CollapseArrow: import("react/jsx-runtime").JSX.Element;
     };
     collapse: {
-        collapseArrow: JSX.Element;
+        collapseArrow: import("react/jsx-runtime").JSX.Element;
     };
     datepicker: {
-        Close: JSX.Element;
-        Time: JSX.Element;
-        Calendar: JSX.Element;
-        ArrowDoubleLeft: JSX.Element;
-        ArrowLeft: JSX.Element;
-        ArrowDoubleRight: JSX.Element;
-        ArrowRight: JSX.Element;
+        Close: import("react/jsx-runtime").JSX.Element;
+        Time: import("react/jsx-runtime").JSX.Element;
+        Calendar: import("react/jsx-runtime").JSX.Element;
+        ArrowDoubleLeft: import("react/jsx-runtime").JSX.Element;
+        ArrowLeft: import("react/jsx-runtime").JSX.Element;
+        ArrowDoubleRight: import("react/jsx-runtime").JSX.Element;
+        ArrowRight: import("react/jsx-runtime").JSX.Element;
     };
     dropdown: {
-        DropdownArrow: JSX.Element;
+        DropdownArrow: import("react/jsx-runtime").JSX.Element;
     };
     editableArea: {
-        Close: JSX.Element;
+        Close: import("react/jsx-runtime").JSX.Element;
     };
     image: {
-        Close: JSX.Element;
-        Pics: JSX.Element;
-        Download: JSX.Element;
-        Preview: JSX.Element;
-        LoadFail: JSX.Element;
+        Close: import("react/jsx-runtime").JSX.Element;
+        Pics: import("react/jsx-runtime").JSX.Element;
+        Download: import("react/jsx-runtime").JSX.Element;
+        Preview: import("react/jsx-runtime").JSX.Element;
+        LoadFail: import("react/jsx-runtime").JSX.Element;
     };
     input: {
-        ArrowRight: JSX.Element;
-        ArrowLeft: JSX.Element;
-        Hide: JSX.Element;
-        Show: JSX.Element;
-        Close: JSX.Element;
+        ArrowRight: import("react/jsx-runtime").JSX.Element;
+        ArrowLeft: import("react/jsx-runtime").JSX.Element;
+        Hide: import("react/jsx-runtime").JSX.Element;
+        Show: import("react/jsx-runtime").JSX.Element;
+        Close: import("react/jsx-runtime").JSX.Element;
     };
     link: {
-        prefixIcon: JSX.Element;
+        prefixIcon: import("react/jsx-runtime").JSX.Element;
     };
     menu: {
-        CollapseArrow: JSX.Element;
-        FrontSolidArrowDown: JSX.Element;
-        Search: JSX.Element;
+        CollapseArrow: import("react/jsx-runtime").JSX.Element;
+        FrontSolidArrowDown: import("react/jsx-runtime").JSX.Element;
+        Search: import("react/jsx-runtime").JSX.Element;
     };
     modal: {
-        Close: JSX.Element;
+        Close: import("react/jsx-runtime").JSX.Element;
     };
     pagination: {
-        PrePage: JSX.Element;
-        NetPage: JSX.Element;
-        More: JSX.Element;
-        NextInButton: JSX.Element;
-        PreInButton: JSX.Element;
+        PrePage: import("react/jsx-runtime").JSX.Element;
+        NetPage: import("react/jsx-runtime").JSX.Element;
+        More: import("react/jsx-runtime").JSX.Element;
+        NextInButton: import("react/jsx-runtime").JSX.Element;
+        PreInButton: import("react/jsx-runtime").JSX.Element;
     };
     progress: {
-        InfoCircle: JSX.Element;
-        WarningCircle: JSX.Element;
-        SuccessCircle: JSX.Element;
-        DangerCircle: JSX.Element;
-        InfoLine: JSX.Element;
-        WarningLine: JSX.Element;
-        SuccessLine: JSX.Element;
-        DangerLine: JSX.Element;
+        InfoCircle: import("react/jsx-runtime").JSX.Element;
+        WarningCircle: import("react/jsx-runtime").JSX.Element;
+        SuccessCircle: import("react/jsx-runtime").JSX.Element;
+        DangerCircle: import("react/jsx-runtime").JSX.Element;
+        InfoLine: import("react/jsx-runtime").JSX.Element;
+        WarningLine: import("react/jsx-runtime").JSX.Element;
+        SuccessLine: import("react/jsx-runtime").JSX.Element;
+        DangerLine: import("react/jsx-runtime").JSX.Element;
     };
     rate: {
-        Star: JSX.Element;
+        Star: import("react/jsx-runtime").JSX.Element;
     };
     select: {
-        Check: JSX.Element;
-        More: JSX.Element;
-        DropdownArrow: JSX.Element;
-        Close: JSX.Element;
+        Check: import("react/jsx-runtime").JSX.Element;
+        More: import("react/jsx-runtime").JSX.Element;
+        DropdownArrow: import("react/jsx-runtime").JSX.Element;
+        Close: import("react/jsx-runtime").JSX.Element;
     };
     steps: {
-        Finish: JSX.Element;
-        Error: JSX.Element;
+        Finish: import("react/jsx-runtime").JSX.Element;
+        Error: import("react/jsx-runtime").JSX.Element;
     };
     switch: {
-        Loading: JSX.Element;
+        Loading: import("react/jsx-runtime").JSX.Element;
     };
     table: {
-        SortUp: JSX.Element;
-        SortDown: JSX.Element;
-        Expand: JSX.Element;
-        Collapse: JSX.Element;
+        SortUp: import("react/jsx-runtime").JSX.Element;
+        SortDown: import("react/jsx-runtime").JSX.Element;
+        Expand: import("react/jsx-runtime").JSX.Element;
+        Collapse: import("react/jsx-runtime").JSX.Element;
+        Filter: import("react/jsx-runtime").JSX.Element;
+        Search: import("react/jsx-runtime").JSX.Element;
     };
     tabs: {
-        Pre: JSX.Element;
-        Next: JSX.Element;
-        CollapseArrow: JSX.Element;
+        Pre: import("react/jsx-runtime").JSX.Element;
+        Next: import("react/jsx-runtime").JSX.Element;
+        CollapseArrow: import("react/jsx-runtime").JSX.Element;
+    };
+    textarea: {
+        Close: import("react/jsx-runtime").JSX.Element;
     };
     transfer: {
-        DeleteAll: JSX.Element;
-        DeleteItem: JSX.Element;
-        Search: JSX.Element;
-        Add: JSX.Element;
-        Remove: JSX.Element;
+        DeleteAll: import("react/jsx-runtime").JSX.Element;
+        DeleteItem: import("react/jsx-runtime").JSX.Element;
+        Search: import("react/jsx-runtime").JSX.Element;
+        Add: import("react/jsx-runtime").JSX.Element;
+        Remove: import("react/jsx-runtime").JSX.Element;
     };
     tree: {
-        LineExpand: JSX.Element;
-        LineCollapse: JSX.Element;
-        Expand: JSX.Element;
+        LineExpand: import("react/jsx-runtime").JSX.Element;
+        LineCollapse: import("react/jsx-runtime").JSX.Element;
+        Expand: import("react/jsx-runtime").JSX.Element;
     };
     treeSelect: {
-        More: JSX.Element;
-        DropdownArrow: JSX.Element;
-        Close: JSX.Element;
+        More: import("react/jsx-runtime").JSX.Element;
+        DropdownArrow: import("react/jsx-runtime").JSX.Element;
+        Close: import("react/jsx-runtime").JSX.Element;
     };
     upload: {
-        File: JSX.Element;
-        Success: JSX.Element;
-        Warning: JSX.Element;
-        Recover: JSX.Element;
-        Delete: JSX.Element;
-        DeleteImage: JSX.Element;
-        RecoverImage: JSX.Element;
-        PreviewImage: JSX.Element;
-        AddImage: JSX.Element;
+        File: import("react/jsx-runtime").JSX.Element;
+        Success: import("react/jsx-runtime").JSX.Element;
+        Warning: import("react/jsx-runtime").JSX.Element;
+        Recover: import("react/jsx-runtime").JSX.Element;
+        Delete: import("react/jsx-runtime").JSX.Element;
+        DeleteImage: import("react/jsx-runtime").JSX.Element;
+        RecoverImage: import("react/jsx-runtime").JSX.Element;
+        PreviewImage: import("react/jsx-runtime").JSX.Element;
+        AddImage: import("react/jsx-runtime").JSX.Element;
     };
 };
 type DeepPartial<T> = {

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

@@ -1 +1 @@
-{"version":3,"file":"config.d.ts","sourceRoot":"","sources":["config.tsx"],"names":[],"mappings":";AACA,QAAA,MAAM,MAAM;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CAiJX,CAAC;AAEF,KAAK,WAAW,CAAC,CAAC,IAAI;KACnB,CAAC,IAAI,MAAM,CAAC,CAAC,CAAC,EAAE,OAAO,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC;CAC/B,CAAC;AACF,KAAK,cAAc,GAAG,WAAW,CAAC,OAAO,MAAM,CAAC,CAAC;AAGjD,eAAO,MAAM,QAAQ,cAAe,cAAc,SAYjD,CAAC;AAEF,eAAe,MAAM,CAAC"}
+{"version":3,"file":"config.d.ts","sourceRoot":"","sources":["config.tsx"],"names":[],"mappings":"AACA,QAAA,MAAM,MAAM;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CAsJX,CAAC;AAEF,KAAK,WAAW,CAAC,CAAC,IAAI;KACnB,CAAC,IAAI,MAAM,CAAC,CAAC,CAAC,EAAE,OAAO,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC;CAC/B,CAAC;AACF,KAAK,cAAc,GAAG,WAAW,CAAC,OAAO,MAAM,CAAC,CAAC;AAGjD,eAAO,MAAM,QAAQ,cAAe,cAAc,SAYjD,CAAC;AAEF,eAAe,MAAM,CAAC"}

package/cjs/icons/config.js

@@ -122,13 +122,18 @@ var config = {
     SortUp: _icons.default.SortAsc,
     SortDown: _icons.default.SortDesc,
     Expand: _icons.default.Expand,
-    Collapse: _icons.default.Shrink
+    Collapse: _icons.default.Shrink,
+    Filter: _icons.default.Filter,
+    Search: _icons.default.Search
   },
   tabs: {
     Pre: _icons.default.ArrowLeft,
     Next: _icons.default.ArrowRight,
     CollapseArrow: _icons.default.ArrowLeft
   },
+  textarea: {
+    Close: _icons.default.CloseFill
+  },
   transfer: {
     DeleteAll: _icons.default.Delete,
     DeleteItem: _icons.default.Close,

package/cjs/icons/icons.d.ts

@@ -1,44 +1,44 @@
-/// <reference types="react" />
 declare const Icons: {
-    SortAsc: JSX.Element;
-    SortDesc: JSX.Element;
-    Shrink: JSX.Element;
-    Expand: JSX.Element;
-    Search: JSX.Element;
-    ArrowLeft: JSX.Element;
-    ArrowLeftDouble: JSX.Element;
-    ArrowRight: JSX.Element;
-    ArrowRightDouble: JSX.Element;
-    Delete: JSX.Element;
-    Add: JSX.Element;
-    Minus: JSX.Element;
-    More: JSX.Element;
-    Calendar: JSX.Element;
-    Display: JSX.Element;
-    Hide: JSX.Element;
-    ArrowDown: JSX.Element;
-    ArrowDownFill: JSX.Element;
-    HelpCircleFill: JSX.Element;
-    HelpCircleOutline: JSX.Element;
-    InfoCircleFill: JSX.Element;
-    WarningCircleFill: JSX.Element;
-    CheckCircleFill: JSX.Element;
-    Info: JSX.Element;
-    Warning: JSX.Element;
-    Check: JSX.Element;
-    Close: JSX.Element;
-    CloseFill: JSX.Element;
-    ImageCount: JSX.Element;
-    ImageError: JSX.Element;
-    Download: JSX.Element;
-    Preview: JSX.Element;
-    Time: JSX.Element;
-    File: JSX.Element;
-    Return: JSX.Element;
-    RecoverCircle: JSX.Element;
-    StarFill: JSX.Element;
-    Link: JSX.Element;
-    Loading: JSX.Element;
+    SortAsc: import("react/jsx-runtime").JSX.Element;
+    SortDesc: import("react/jsx-runtime").JSX.Element;
+    Shrink: import("react/jsx-runtime").JSX.Element;
+    Expand: import("react/jsx-runtime").JSX.Element;
+    Search: import("react/jsx-runtime").JSX.Element;
+    Filter: import("react/jsx-runtime").JSX.Element;
+    ArrowLeft: import("react/jsx-runtime").JSX.Element;
+    ArrowLeftDouble: import("react/jsx-runtime").JSX.Element;
+    ArrowRight: import("react/jsx-runtime").JSX.Element;
+    ArrowRightDouble: import("react/jsx-runtime").JSX.Element;
+    Delete: import("react/jsx-runtime").JSX.Element;
+    Add: import("react/jsx-runtime").JSX.Element;
+    Minus: import("react/jsx-runtime").JSX.Element;
+    More: import("react/jsx-runtime").JSX.Element;
+    Calendar: import("react/jsx-runtime").JSX.Element;
+    Display: import("react/jsx-runtime").JSX.Element;
+    Hide: import("react/jsx-runtime").JSX.Element;
+    ArrowDown: import("react/jsx-runtime").JSX.Element;
+    ArrowDownFill: import("react/jsx-runtime").JSX.Element;
+    HelpCircleFill: import("react/jsx-runtime").JSX.Element;
+    HelpCircleOutline: import("react/jsx-runtime").JSX.Element;
+    InfoCircleFill: import("react/jsx-runtime").JSX.Element;
+    WarningCircleFill: import("react/jsx-runtime").JSX.Element;
+    CheckCircleFill: import("react/jsx-runtime").JSX.Element;
+    Info: import("react/jsx-runtime").JSX.Element;
+    Warning: import("react/jsx-runtime").JSX.Element;
+    Check: import("react/jsx-runtime").JSX.Element;
+    Close: import("react/jsx-runtime").JSX.Element;
+    CloseFill: import("react/jsx-runtime").JSX.Element;
+    ImageCount: import("react/jsx-runtime").JSX.Element;
+    ImageError: import("react/jsx-runtime").JSX.Element;
+    Download: import("react/jsx-runtime").JSX.Element;
+    Preview: import("react/jsx-runtime").JSX.Element;
+    Time: import("react/jsx-runtime").JSX.Element;
+    File: import("react/jsx-runtime").JSX.Element;
+    Return: import("react/jsx-runtime").JSX.Element;
+    RecoverCircle: import("react/jsx-runtime").JSX.Element;
+    StarFill: import("react/jsx-runtime").JSX.Element;
+    Link: import("react/jsx-runtime").JSX.Element;
+    Loading: import("react/jsx-runtime").JSX.Element;
 };
 export default Icons;
 //# sourceMappingURL=icons.d.ts.map

package/cjs/icons/icons.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"icons.d.ts","sourceRoot":"","sources":["icons.tsx"],"names":[],"mappings":";AA4RA,QAAA,MAAM,KAAK;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CAmDV,CAAC;AAEF,eAAe,KAAK,CAAC"}
+{"version":3,"file":"icons.d.ts","sourceRoot":"","sources":["icons.tsx"],"names":[],"mappings":"AAgSA,QAAA,MAAM,KAAK;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CAoDV,CAAC;AAEF,eAAe,KAAK,CAAC"}

package/cjs/icons/icons.js

@@ -217,12 +217,16 @@ var pcInfoCircleFill = /*#__PURE__*/(0, _jsxRuntime.jsx)("path", {
 });
 var search = ['M11 2C15.9706 2 20 6.02944 20 11C20 13.1248 19.2637 15.0776 18.0323 16.6172L21.1213 19.7071C21.5118 20.0976 21.5118 20.7308 21.1213 21.1213C20.7308 21.5118 20.0976 21.5118 19.7071 21.1213L16.6172 18.0323C15.0776 19.2637 13.1248 20 11 20C6.02944 20 2 15.9706 2 11C2 6.02944 6.02944 2 11 2ZM11 4C7.13401 4 4 7.13401 4 11C4 14.866 7.13401 18 11 18C14.866 18 18 14.866 18 11C18 7.13401 14.866 4 11 4Z'];
 var link = ['M8.83231 20.7322C7.27024 22.2943 4.73759 22.2943 3.17546 20.7322C1.66545 19.2222 1.61512 16.8053 3.02446 15.2347L3.17546 15.0754L12.6109 3.70711C14.7588 1.55923 18.2412 1.55923 20.3891 3.70711C22.4773 5.79532 22.5353 9.14496 20.5631 11.3032L20.3891 11.4853L12.3679 21.4393C11.9773 21.8299 11.3442 21.8299 10.9536 21.4394C10.5932 21.0789 10.5654 20.5116 10.8705 20.1193L10.9536 20.0251L18.9749 10.0711C20.3417 8.70423 20.3417 6.48814 18.9749 5.12132C17.6569 3.8033 15.5492 3.75623 14.1747 4.9801L14.0251 5.12132L4.58968 16.4896C3.80864 17.2706 3.80864 18.537 4.58966 19.318C5.32963 20.058 6.5051 20.0969 7.29088 19.4348L7.41809 19.318L16.8535 7.94978C17.0488 7.7545 17.0488 7.43787 16.8536 7.24262C16.68 7.06904 16.4106 7.04975 16.2157 7.18476L16.1464 7.24261L8.12521 17.1967C7.73468 17.5873 7.10152 17.5873 6.71099 17.1967C6.35051 16.8362 6.32277 16.269 6.6278 15.8767L6.71099 15.7825L14.7322 5.8284C15.7085 4.85208 17.2915 4.85208 18.2678 5.82843C19.2016 6.7623 19.2422 8.25112 18.3896 9.23328L18.2678 9.36397L8.83231 20.7322Z'];
+var filter = /*#__PURE__*/(0, _jsxRuntime.jsx)("path", {
+  d: "M19.9653 2.10633C20.5175 2.10633 20.9652 2.55404 20.9652 3.10633C20.9652 3.65861 20.5175 4.10633 19.9653 4.10633H19.6834L14.9666 11.3709V19.8936C14.9666 20.9981 14.0712 21.8936 12.9666 21.8936H10.9666C9.86204 21.8936 8.96662 20.9981 8.96662 19.8936V11.3709L4.35408 4.10632L4.03906 4.10632C3.48677 4.10632 3.03906 3.65861 3.03906 3.10632C3.03906 2.55404 3.48677 2.10632 4.03906 2.10632L19.9653 2.10633ZM6.75776 4.10632L10.8119 10.5206C10.913 10.6804 10.9666 10.8657 10.9666 11.0548V18.8312C10.9666 19.3835 11.4143 19.8312 11.9666 19.8312C12.5189 19.8312 12.9666 19.3835 12.9666 18.8312V11.0609C12.9666 10.868 13.0224 10.6792 13.1273 10.5172L17.2797 4.10633L6.75776 4.10632Z"
+});
 var Icons = {
   SortAsc: SortAsc,
   SortDesc: SortDesc,
   Shrink: icon(ShineoutShrink),
   Expand: icon(expand),
   Search: icon(search),
+  Filter: icon(filter),
   ArrowLeft: icon(arrowLeft),
   ArrowLeftDouble: icon(arrowLeftDouble),
   ArrowRight: icon(arrowRight),

package/cjs/image/image-gallery.d.ts

@@ -1,5 +1,4 @@
-/// <reference types="react" />
 import { ImageGalleryProps } from './image.type';
-declare const ImageModal: (props: ImageGalleryProps) => JSX.Element;
+declare const ImageModal: (props: ImageGalleryProps) => import("react/jsx-runtime").JSX.Element;
 export default ImageModal;
 //# sourceMappingURL=image-gallery.d.ts.map

package/cjs/image/image-gallery.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"image-gallery.d.ts","sourceRoot":"","sources":["image-gallery.tsx"],"names":[],"mappings":";AAIA,OAAO,EAAS,iBAAiB,EAAuB,MAAM,cAAc,CAAC;AAI7E,QAAA,MAAM,UAAU,UAAW,iBAAiB,gBAkF3C,CAAC;AAEF,eAAe,UAAU,CAAC"}
+{"version":3,"file":"image-gallery.d.ts","sourceRoot":"","sources":["image-gallery.tsx"],"names":[],"mappings":"AAIA,OAAO,EAAS,iBAAiB,EAAuB,MAAM,cAAc,CAAC;AAI7E,QAAA,MAAM,UAAU,UAAW,iBAAiB,4CAkF3C,CAAC;AAEF,eAAe,UAAU,CAAC"}

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

@@ -1,5 +1,4 @@
-/// <reference types="react" />
 import { ImageGroupProps } from './image-group.type';
-declare const ImageGroup: (props: ImageGroupProps) => JSX.Element;
+declare const ImageGroup: (props: ImageGroupProps) => import("react/jsx-runtime").JSX.Element;
 export default ImageGroup;
 //# sourceMappingURL=image-group.d.ts.map

package/cjs/image/image-group.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"image-group.d.ts","sourceRoot":"","sources":["image-group.tsx"],"names":[],"mappings":";AAGA,OAAO,EAAE,eAAe,EAAE,MAAM,oBAAoB,CAAC;AAMrD,QAAA,MAAM,UAAU,UAAW,eAAe,gBAsEzC,CAAC;AAEF,eAAe,UAAU,CAAC"}
+{"version":3,"file":"image-group.d.ts","sourceRoot":"","sources":["image-group.tsx"],"names":[],"mappings":"AAGA,OAAO,EAAE,eAAe,EAAE,MAAM,oBAAoB,CAAC;AAMrD,QAAA,MAAM,UAAU,UAAW,eAAe,4CAsEzC,CAAC;AAEF,eAAe,UAAU,CAAC"}

package/cjs/image/image-magnify.d.ts

@@ -1,5 +1,4 @@
-/// <reference types="react" />
 import { ImageMagnifyProps } from './image.type';
-declare const ImageMagnify: (props: ImageMagnifyProps) => JSX.Element;
+declare const ImageMagnify: (props: ImageMagnifyProps) => import("react/jsx-runtime").JSX.Element;
 export default ImageMagnify;
 //# sourceMappingURL=image-magnify.d.ts.map

package/cjs/image/image-magnify.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"image-magnify.d.ts","sourceRoot":"","sources":["image-magnify.tsx"],"names":[],"mappings":";AACA,OAAO,EAAE,iBAAiB,EAAE,MAAM,cAAc,CAAC;AAGjD,QAAA,MAAM,YAAY,UAAW,iBAAiB,gBA+B7C,CAAC;AAEF,eAAe,YAAY,CAAC"}
+{"version":3,"file":"image-magnify.d.ts","sourceRoot":"","sources":["image-magnify.tsx"],"names":[],"mappings":"AACA,OAAO,EAAE,iBAAiB,EAAE,MAAM,cAAc,CAAC;AAGjD,QAAA,MAAM,YAAY,UAAW,iBAAiB,4CA+B7C,CAAC;AAEF,eAAe,YAAY,CAAC"}

package/cjs/image/image.d.ts

@@ -1,8 +1,7 @@
-/// <reference types="react" />
 import { ImageProps } from './image.type';
 declare const Image: {
-    (props: ImageProps): JSX.Element;
-    Group: (props: import("./image-group.type").ImageGroupProps) => JSX.Element;
+    (props: ImageProps): import("react/jsx-runtime").JSX.Element;
+    Group: (props: import("./image-group.type").ImageGroupProps) => import("react/jsx-runtime").JSX.Element;
 };
 export default Image;
 //# sourceMappingURL=image.d.ts.map