shineout 3.5.2 → 3.5.3-beta.2

package/esm/deprecated.js

@@ -1,3 +1,5 @@
+import { util } from "@sheinx/hooks";
+var devUseWarning = util.devUseWarning;
 export var color = {
   danger: 'rgb(255, 77, 80)',
   gray100: 'rgb(244, 245, 248)',
@@ -13,26 +15,26 @@ export var color = {
   primary: 'rgb(44, 95, 193)',
   secondary: 'rgb(51, 62, 89)',
   setColor: function setColor(_e) {
-    console.warn('shineout: color.setColor is deprecated');
+    devUseWarning.warn('color.setColor is deprecated');
   },
   success: 'rgb(82, 196, 26)',
   warning: 'rgb(255, 140, 0)'
 };
 export var style = {
   getClassName: function getClassName() {
-    console.warn('shineout: style.getClassName is deprecated');
+    devUseWarning.warn('style.getClassName is deprecated');
   },
   setStyle: function setStyle() {
-    console.warn('shineout: style.getClassName is deprecated');
+    devUseWarning.warn('style.setStyle is deprecated');
     return function () {};
   },
   cleanCache: function cleanCache() {
-    console.warn('shineout: style.getClassName is deprecated');
+    devUseWarning.warn('style.cleanCache is deprecated');
   },
   setInjectType: function setInjectType() {
-    console.warn('shineout: style.getClassName is deprecated');
+    devUseWarning.warn('style.setInjectType is deprecated');
   },
   getInjectType: function getInjectType() {
-    console.warn('shineout: style.getClassName is deprecated');
+    devUseWarning.warn('style.getInjectType is deprecated');
   }
 };

package/esm/hooks/use-field-common.d.ts

@@ -17,11 +17,11 @@ export interface ExtendsFieldProps<T, Name = string> extends Omit<FormFieldProps
      */
     title?: string;
 }
-export interface FiledItemCommonProps {
+export interface FieldItemCommonProps {
     defaultValue?: any;
     onChange?: (...args: any) => void;
     beforeChange?: (value: any) => any;
 }
 export type GetWithFieldProps<Props, Value, Name = string> = Omit<Props, 'beforeChange'> & ExtendsFieldProps<Value, Name>;
-declare const useFieldCommon: <Props extends FiledItemCommonProps, Value, Name extends string | string[] = string>(props: GetWithFieldProps<Props, Value, Name>, Origin: React.ComponentType<Props>, type?: 'number' | 'string' | 'array') => JSX.Element;
+declare const useFieldCommon: <Props extends FieldItemCommonProps, Value, Name extends string | string[] = string>(props: GetWithFieldProps<Props, Value, Name>, Origin: React.ComponentType<Props>, type?: 'number' | 'string' | 'array') => JSX.Element;
 export default useFieldCommon;

package/esm/hooks/use-field-common.js

@@ -26,6 +26,7 @@ var useFieldCommon = function useFieldCommon(props, Origin, type) {
     name: props.name,
     defaultValue: props.defaultValue,
     reserveAble: (_props$reserveAble = props.reserveAble) !== null && _props$reserveAble !== void 0 ? _props$reserveAble : formConfig.reserveAble,
+    formName: formConfig.formName,
     rules: props.rules,
     onError: props.onError,
     bind: props.bind,

package/esm/icon/icon.d.ts

@@ -5,5 +5,6 @@ type args = Parameters<typeof makeIcon>;
 export default function icon(...args: args): {
     (props: IconCompProps): JSX.Element;
     displayName: string;
+    isShineoutIcon: boolean;
 };
 export {};

package/esm/icon/icon.js

@@ -18,5 +18,6 @@ export default function icon() {
     }));
   };
   ShineoutIcon.displayName = 'ShineoutIcon';
+  ShineoutIcon.isShineoutIcon = true;
   return ShineoutIcon;
 }

package/esm/index.js

@@ -61,5 +61,5 @@ export * from "./deprecated";
 import * as _TYPE from "./type";
 export { _TYPE as TYPE };
 export default {
-  version: '3.5.2'
+  version: '3.5.3-beta.2'
 };

package/esm/popover/index.d.ts

@@ -1,4 +1,4 @@
-import IPopover from './popover';
+import IPopover, { IPopoverContent } from './popover';
 import IConfirm from './confirm';
 type RefConfirm = typeof IConfirm;
 export interface ConfirmComponent extends RefConfirm {
@@ -8,6 +8,7 @@ type RefPopover = typeof IPopover;
 export interface PopoverComponent extends RefPopover {
     displayName: string;
     Confirm: ConfirmComponent;
+    Content: typeof IPopoverContent;
 }
 declare const PopoverComp: PopoverComponent;
 export default PopoverComp;

package/esm/popover/index.js

@@ -1,5 +1,5 @@
 "use client";
-import IPopover from "./popover";
+import IPopover, { IPopoverContent } from "./popover";
 import IConfirm from "./confirm";
 
 // confirm
@@ -9,4 +9,5 @@ ConfirmComp.displayName = 'ShineoutPopoverConfirm';
 var PopoverComp = IPopover;
 PopoverComp.displayName = 'ShineoutPopover';
 PopoverComp.Confirm = ConfirmComp;
+PopoverComp.Content = IPopoverContent;
 export default PopoverComp;

package/esm/popover/popover.d.ts

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

package/esm/popover/popover.js

@@ -5,13 +5,24 @@ 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 { Popover } from '@sheinx/base';
+import { util } from '@sheinx/hooks';
 import { usePopoverStyle } from '@sheinx/shineout-style';
 import { jsx as _jsx } from "react/jsx-runtime";
+var devUseWarning = util.devUseWarning;
 var jssStyle = {
   popover: usePopoverStyle
 };
-export default (function (props) {
+var IPopover = function IPopover(props) {
   return /*#__PURE__*/_jsx(Popover, _objectSpread({
     jssStyle: jssStyle
   }, props));
-});
+};
+export var IPopoverContent = function IPopoverContent(props) {
+  devUseWarning.deprecated('Popover.Content', 'useTextStyle', 'Popover');
+  return /*#__PURE__*/_jsx(Popover, _objectSpread(_objectSpread({
+    jssStyle: jssStyle
+  }, props), {}, {
+    useTextStyle: true
+  }));
+};
+export default IPopover;

package/esm/utils/clone.js

@@ -21,7 +21,7 @@ var cloneObject = function cloneObject(source) {
       target[key] = target[key];
     }
   } catch (e) {
-    console.error('should not pass non-serializable data', source);
+    console.error('[shineout] should not pass non-serializable data', source);
     console.error(e);
     target = {};
   }

package/esm/utils/color.js

@@ -5,7 +5,9 @@ function _arrayLikeToArray(arr, len) { if (len == null || len > arr.length) len
 function _iterableToArrayLimit(r, l) { var t = null == r ? null : "undefined" != typeof Symbol && r[Symbol.iterator] || r["@@iterator"]; if (null != t) { var e, n, i, u, a = [], f = !0, o = !1; try { if (i = (t = t.call(r)).next, 0 === l) { if (Object(t) !== t) return; f = !1; } else for (; !(f = (e = i.call(t)).done) && (a.push(e.value), a.length !== l); f = !0); } catch (r) { o = !0, n = r; } finally { try { if (!f && null != t.return && (u = t.return(), Object(u) !== u)) return; } finally { if (o) throw n; } } return a; } }
 function _arrayWithHoles(arr) { if (Array.isArray(arr)) return arr; }
 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); }
+import { util } from '@sheinx/hooks';
 import { isOne, isPercent } from "./is";
+var devUseWarning = util.devUseWarning;
 var CSS_INTEGER = '[-\\+]?\\d+%?';
 
 // <http://www.w3.org/TR/css3-values/#number-value>
@@ -95,11 +97,11 @@ var toRGB = function toRGB(input) {
 };
 var isString = function isString(string) {
   if (!string) {
-    console.error(new Error('the color is empty'));
+    devUseWarning.error('the color is empty');
     return false;
   }
   if (typeof string !== 'string') {
-    console.error(new Error("the color is get a ".concat(_typeof(string), ", expect string")));
+    devUseWarning.error("the color is get a ".concat(_typeof(string), ", expect string"));
     return false;
   }
   return true;
@@ -201,7 +203,7 @@ var isDarkRgb = function isDarkRgb(color) {
       b = _matchs2[3];
     return Number(r) * 0.299 + Number(g) * 0.578 + Number(b) * 0.114 < 192;
   }
-  console.error(new Error("the string '".concat(color, "' is not a legal color")));
+  devUseWarning.error("the string '".concat(color, "' is not a legal color"));
   return undefined;
 };
 var toHex = function toHex(rgb, noAlpha, a) {
@@ -278,7 +280,7 @@ var rgbTranlate = function rgbTranlate(target) {
     if (matchs) {
       return target(matchs, noAlpha, Number(matchs[4]));
     }
-    console.error(new Error("the string '".concat(rgb, "' is not a rgb color")));
+    devUseWarning.error("the string '".concat(rgb, "' is not a rgb color"));
     return '';
   };
 };
@@ -301,7 +303,7 @@ export function hexToRgb(hex) {
   if (matchs) {
     return getRgba(matchs, 8);
   }
-  console.error(new Error("the string '".concat(hex, "' is not a hex color")));
+  devUseWarning.error("the string '".concat(hex, "' is not a hex color"));
   return '';
 }
 export function hslToRgb(hsl) {
@@ -315,7 +317,7 @@ export function hslToRgb(hsl) {
   if (matchs) {
     return translateHsl(matchs, matchs[4]);
   }
-  console.error(new Error("the string '".concat(hsl, "' is not a hsl color")));
+  devUseWarning.error("the string '".concat(hsl, "' is not a hsl color"));
   return '';
 }
 // @ts-ignore

package/esm/utils/numbers.js

@@ -1,8 +1,10 @@
+import { util } from "@sheinx/hooks";
+var devUseWarning = util.devUseWarning;
 export function range(end) {
   var start = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : 0;
   var delta = end - start;
   if (typeof delta !== 'number' || Number.isNaN(delta)) {
-    console.error(new Error('end can not computed with start'));
+    devUseWarning.error('end can not computed with start');
   }
   return Array.from({
     length: end - start
@@ -12,7 +14,7 @@ export function range(end) {
 }
 export function split(total, nums) {
   if (typeof total !== 'number' || total === 0) {
-    console.error(new Error('total mast be a number(not equal 0)'));
+    devUseWarning.error('total mast be a number(not equal 0)');
   }
   var remain = 1;
   var nilCount = 0;

package/esm/utils/strings.js

@@ -1,7 +1,9 @@
 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); }
+import { util } from "@sheinx/hooks";
+var devUseWarning = util.devUseWarning;
 export function capitalize(str) {
   if (typeof str !== 'string') {
-    console.error(new Error('str should be a string'));
+    devUseWarning.error('str should be a string');
   }
   return str && str[0].toUpperCase() + str.slice(1);
 }

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "shineout",
-  "version": "3.5.2",
+  "version": "3.5.3-beta.2",
   "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.5.2",
-    "@sheinx/hooks": "3.5.2",
-    "@sheinx/shineout-style": "3.5.2",
-    "@sheinx/theme": "3.5.2",
+    "@sheinx/base": "3.5.3-beta.2",
+    "@sheinx/hooks": "3.5.3-beta.2",
+    "@sheinx/shineout-style": "3.5.3-beta.2",
+    "@sheinx/theme": "3.5.3-beta.2",
     "classnames": "^2.0.0",
     "immer": "^10.0.0",
     "deep-eql": "^4.0.0"