shineout 3.2.0-rc.4 → 3.2.0

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

@@ -1,4 +1,4 @@
 /// <reference types="react" />
 import { FormFieldProps } from './form.type';
-declare const _default: <T>(props: FormFieldProps<T>) => JSX.Element;
+declare const _default: <T extends unknown = any>(props: FormFieldProps<T>) => JSX.Element;
 export default _default;

package/esm/form/index.d.ts

@@ -13,7 +13,7 @@ declare const Reset: ((props: import("./interface").SubmitProps) => JSX.Element)
 declare const Item: ((props: import("./form.type").FormItemProps) => JSX.Element) & {
     displayName: string;
 };
-declare const Field: (<T>(props: import("./form.type").FormFieldProps<T>) => JSX.Element) & {
+declare const Field: (<T extends unknown = any>(props: import("./form.type").FormFieldProps<T>) => JSX.Element) & {
     displayName: string;
 };
 declare const FieldSet: (<T>(props: import("./form.type").FormFieldSetProps<T>) => JSX.Element) & {

package/esm/index.js

@@ -58,5 +58,5 @@ export * from "./deprecated";
 import * as _TYPE from "./type";
 export { _TYPE as TYPE };
 export default {
-  version: '3.2.0-rc.4'
+  version: '3.2.0'
 };

package/esm/input/number.js

@@ -6,12 +6,13 @@ function _toPropertyKey(t) { var i = _toPrimitive(t, "string"); return "symbol"
 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); }
 import React from 'react';
 import { InputNumber as UnStyledInputNumber } from '@sheinx/base';
-import { useInnerTitleStyle, useInputStyle } from '@sheinx/shineout-style';
+import { useInnerTitleStyle, useInputStyle, usePopoverStyle } from '@sheinx/shineout-style';
 import useFieldCommon from "../hooks/use-field-common";
 import { jsx as _jsx } from "react/jsx-runtime";
 var jssStyle = {
   input: useInputStyle,
-  innerTitle: useInnerTitleStyle
+  innerTitle: useInnerTitleStyle,
+  popover: usePopoverStyle
 };
 var InputNumber = function InputNumber(props) {
   return /*#__PURE__*/_jsx(UnStyledInputNumber, _objectSpread(_objectSpread({}, props), {}, {

package/esm/menu/index.d.ts

@@ -1,7 +1,13 @@
 import Menu from './menu';
+import Search from './search';
 type RefMenu = typeof Menu;
+type RefSearch = typeof Search;
+export interface SearchComponent extends RefSearch {
+    displayName: string;
+}
 export interface MenuComponent extends RefMenu {
     displayName: string;
+    Search: SearchComponent;
 }
 declare const MenuComp: MenuComponent;
 export default MenuComp;

package/esm/menu/index.js

@@ -1,5 +1,9 @@
 "use client";
 import Menu from "./menu";
+import Search from "./search";
+var SearchComp = Search;
+SearchComp.displayName = 'ShineoutMenuSearch';
 var MenuComp = Menu;
 MenuComp.displayName = 'ShineoutMenu';
+MenuComp.Search = SearchComp;
 export default MenuComp;

package/esm/menu/interface.d.ts

@@ -1 +1,2 @@
 export type { MenuProps as Props } from './menu.type';
+export type { MenuSearchProps as SearchProps } from './search.type';

package/esm/menu/menu.js

@@ -6,10 +6,11 @@ function _toPropertyKey(t) { var i = _toPrimitive(t, "string"); return "symbol"
 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); }
 import React from 'react';
 import { Menu } from '@sheinx/base';
-import { useMenuStyle } from '@sheinx/shineout-style';
+import { useMenuStyle, usePopoverStyle } from '@sheinx/shineout-style';
 import { jsx as _jsx } from "react/jsx-runtime";
 var jssStyle = {
-  menu: useMenuStyle
+  menu: useMenuStyle,
+  popover: usePopoverStyle
 };
 export default (function (props) {
   return /*#__PURE__*/_jsx(Menu, _objectSpread({

package/esm/menu/search.d.ts

@@ -0,0 +1,4 @@
+/// <reference types="react" />
+import { MenuSearchProps } from './search.type';
+declare const _default: (props: MenuSearchProps) => JSX.Element;
+export default _default;

package/esm/menu/search.js

@@ -0,0 +1,20 @@
+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); }
+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; }
+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; }
+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; }
+function _toPropertyKey(t) { var i = _toPrimitive(t, "string"); return "symbol" == _typeof(i) ? i : String(i); }
+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); }
+import React from 'react';
+import { MenuSearch } from '@sheinx/base';
+import { useMenuSearchStyle, useInputStyle, usePopoverStyle } from '@sheinx/shineout-style';
+import { jsx as _jsx } from "react/jsx-runtime";
+var jssStyle = {
+  menuSearch: useMenuSearchStyle,
+  input: useInputStyle,
+  popover: usePopoverStyle
+};
+export default (function (props) {
+  return /*#__PURE__*/_jsx(MenuSearch, _objectSpread({
+    jssStyle: jssStyle
+  }, props));
+});

package/esm/menu/search.type.d.ts

@@ -0,0 +1,2 @@
+import { MenuSearchProps as UnStyledMenuSearchProps } from '@sheinx/base';
+export type MenuSearchProps = Omit<UnStyledMenuSearchProps, 'jssStyle'>;

package/esm/menu/search.type.js

@@ -0,0 +1 @@
+export {};

package/esm/modal/modal.d.ts

@@ -1,12 +1,12 @@
 /// <reference types="react" />
 import { ModalProps } from './modal.type';
 export declare const methods: {
-    success: (options: Omit<import("@sheinx/base").ModalOptions, "jssStyle">) => void;
-    info: (options: Omit<import("@sheinx/base").ModalOptions, "jssStyle">) => void;
-    warn: (options: Omit<import("@sheinx/base").ModalOptions, "jssStyle">) => void;
-    error: (options: Omit<import("@sheinx/base").ModalOptions, "jssStyle">) => void;
-    confirm: (options: Omit<import("@sheinx/base").ModalOptions, "jssStyle">) => void;
-    show: (options: Omit<import("@sheinx/base").ModalOptions, "jssStyle">) => void;
+    success: (options: Omit<import("@sheinx/base").ModalOptions, "jssStyle">) => (() => void) | undefined;
+    info: (options: Omit<import("@sheinx/base").ModalOptions, "jssStyle">) => (() => void) | undefined;
+    warn: (options: Omit<import("@sheinx/base").ModalOptions, "jssStyle">) => (() => void) | undefined;
+    error: (options: Omit<import("@sheinx/base").ModalOptions, "jssStyle">) => (() => void) | undefined;
+    confirm: (options: Omit<import("@sheinx/base").ModalOptions, "jssStyle">) => (() => void) | undefined;
+    show: (options: Omit<import("@sheinx/base").ModalOptions, "jssStyle">) => (() => void) | undefined;
     closeAll: () => void;
 };
 declare const _default: (props: ModalProps) => JSX.Element;

package/esm/modal/submit.js

@@ -5,10 +5,11 @@ function _defineProperty(obj, key, value) { key = _toPropertyKey(key); if (key i
 function _toPropertyKey(t) { var i = _toPrimitive(t, "string"); return "symbol" == _typeof(i) ? i : String(i); }
 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); }
 import { ModalSubmit } from '@sheinx/base';
-import { useButtonStyle } from '@sheinx/shineout-style';
+import { useButtonStyle, useSpinStyle } from '@sheinx/shineout-style';
 import { jsx as _jsx } from "react/jsx-runtime";
 var jssStyle = {
-  button: useButtonStyle
+  button: useButtonStyle,
+  spin: useSpinStyle
 };
 var Submit = function Submit(props) {
   return /*#__PURE__*/_jsx(ModalSubmit, _objectSpread({

package/esm/tests/setupTest.d.ts

@@ -0,0 +1 @@
+export {};

package/esm/tests/setupTest.js

@@ -0,0 +1,17 @@
+import { setJssConfig } from '@sheinx/shineout-style';
+import { _convertCamelToDash } from "./utils";
+import { setConfig } from "./..";
+setConfig({
+  delay: 0
+});
+setJssConfig({
+  generateId: function generateId(rule, sheet) {
+    var options = sheet.options;
+    var ns = options.classNamePrefix;
+    if (!ns) {
+      console.warn('[sheinx/base]: styled should give namespace');
+    }
+    var prefix = 'soui-';
+    return "".concat(prefix).concat(ns).concat(_convertCamelToDash(rule.key));
+  }
+});

package/esm/tests/utils.d.ts

@@ -27,5 +27,6 @@ export declare const delay: (time: number) => Promise<void>;
 type classNamesMapType = {
     [key: string]: string;
 };
+export declare function _convertCamelToDash(str: string): string;
 export declare const createClassName: (componentsName: string, originClasses: string[], originItemClasses: string[]) => classNamesMapType;
 export {};

package/esm/tests/utils.js

@@ -126,7 +126,7 @@ export var delay = function delay(time) {
     }, time);
   });
 };
-function _convertCamelToDash(str) {
+export function _convertCamelToDash(str) {
   return str.replace(/([A-Z])/g, '-$1').replace(/^-/, '').toLowerCase();
 }
 function convertHashClassName(componentsName, key) {
@@ -136,12 +136,12 @@ function convertHashClassName(componentsName, key) {
 
 // Automatically generate corresponding className according to jss type
 export var createClassName = function createClassName(componentsName, originClasses, originItemClasses) {
-  // const prefix = `so-${componentsName}-`;
+  var prefix = "soui-".concat(componentsName, "-");
   var classNamesMap = {};
   var classes = [].concat(_toConsumableArray(originClasses), _toConsumableArray(originItemClasses));
   classes.forEach(function (item) {
-    // classNamesMap[item] = `${prefix}${convertCamelToDash(item)}`;
-    classNamesMap[item] = convertHashClassName(componentsName, item);
+    classNamesMap[item] = "".concat(prefix).concat(_convertCamelToDash(item));
+    // classNamesMap[item] = convertHashClassName(componentsName, item);
     if (!originItemClasses.includes(item)) classNamesMap[item] = ".".concat(classNamesMap[item]);
   });
   return classNamesMap;

package/esm/upload/use-upload-common.d.ts

@@ -1,6 +1,6 @@
 import { UploadProps } from './upload.type';
 declare const useUploadCommon: (props: Pick<UploadProps<any>, 'rules'>) => {
     validateHook: (r: any) => void;
-    rules: (import("../../../hooks/src/utils/rule/rule.type").RuleResultValue | import("../../../hooks/src/utils/rule/rule.type").FormItemObjectRule | ((value: any[] | undefined, formData: any, callback: (cbArgs: boolean | Error) => void, props?: any) => void))[];
+    rules: (import("../../../hooks/src/utils/rule/rule.type").RuleResultValue | import("../../../hooks/src/utils/rule/rule.type").FormItemObjectRule | ((value: any, formData: any, callback: (cbArgs: boolean | Error) => void, props?: any) => void))[];
 };
 export default useUploadCommon;

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "shineout",
-  "version": "3.2.0-rc.4",
+  "version": "3.2.0",
   "description": "A components library for React",
   "license": "MIT",
   "keywords": [
@@ -16,10 +16,10 @@
   "module": "./esm/index.js",
   "typings": "./cjs/index.d.ts",
   "dependencies": {
-    "@sheinx/base": "3.2.0-rc.4",
-    "@sheinx/hooks": "3.2.0-rc.4",
-    "@sheinx/shineout-style": "3.2.0-rc.4",
-    "@sheinx/theme": "3.2.0-rc.4",
+    "@sheinx/base": "3.2.0",
+    "@sheinx/hooks": "3.2.0",
+    "@sheinx/shineout-style": "3.2.0",
+    "@sheinx/theme": "3.2.0",
     "classnames": "^2.0.0",
     "immer": "^10.0.0",
     "deep-eql": "^4.0.0"