shineout 3.7.0-beta.9 → 3.7.0

package/esm/cascader/cascader.js

@@ -6,7 +6,7 @@ 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, { memo } from 'react';
 import { Cascader as UnStyledCascader } from '@sheinx/base';
-import { useCascaderStyle } from '@sheinx/shineout-style';
+import { useCascaderStyle, useCommonStyle } from '@sheinx/shineout-style';
 import useFieldCommon from "../hooks/use-field-common";
 import { useSelectStyle, useInnerTitleStyle, useTagStyle, useCheckboxStyle, useRadioStyle, usePopoverStyle, useSpinStyle } from '@sheinx/shineout-style';
 import { jsx as _jsx } from "react/jsx-runtime";
@@ -18,7 +18,8 @@ var jssStyle = {
   popover: usePopoverStyle,
   checkbox: useCheckboxStyle,
   radio: useRadioStyle,
-  spin: useSpinStyle
+  spin: useSpinStyle,
+  common: useCommonStyle
 };
 var Cascader = function Cascader(props) {
   return /*#__PURE__*/_jsx(UnStyledCascader, _objectSpread(_objectSpread({}, props), {}, {

package/esm/date-picker/date-picker.js

@@ -4,8 +4,10 @@ function _objectSpread(e) { for (var r = 1; r < arguments.length; r++) { var t =
 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 { DatePicker } from '@sheinx/base';
+import { useMemo } from 'react';
+import { DatePicker, getLocale, useConfig } from '@sheinx/base';
 import { useButtonStyle, useDatePickerStyle, useInnerTitleStyle, usePopoverStyle, useLinkStyle } from '@sheinx/shineout-style';
+import { convertValueToDateArr, getFormat, getFormatValueArr } from '@sheinx/hooks';
 import useFieldCommon from "../hooks/use-field-common";
 import { jsx as _jsx } from "react/jsx-runtime";
 var jssStyle = {
@@ -21,5 +23,30 @@ var BaseDatePicker = function BaseDatePicker(props) {
   }, props));
 };
 export default (function (props) {
-  return useFieldCommon(props, BaseDatePicker);
+  var _useConfig = useConfig(),
+    locale = _useConfig.locale;
+
+  // datepicker 默认值需要提格式化前处理，否则内部会根据 format 进行格式化并再次触发 onChange，参考 v1 v2 的 value hoc 行为
+  var defaultValue = useMemo(function () {
+    if (props.defaultValue) {
+      var options = {
+        timeZone: props.timeZone,
+        weekStartsOn: Number(getLocale(locale, 'startOfWeek'))
+      };
+      var type = props.type || 'date';
+      var format = getFormat(props.format, type);
+      var dateArr = convertValueToDateArr(props.defaultValue, format, options);
+      var formattedDefaultValue = getFormatValueArr({
+        dateArr: dateArr,
+        format: format,
+        type: type,
+        options: options
+      });
+      return props.range ? formattedDefaultValue : formattedDefaultValue[0];
+    }
+    return props.defaultValue;
+  }, []);
+  return useFieldCommon(_objectSpread(_objectSpread({}, props), {}, {
+    defaultValue: defaultValue
+  }), BaseDatePicker);
 });

package/esm/grid/grid.d.ts

@@ -1 +1,6 @@
-export { Grid as default } from '@sheinx/base';
+import { GridProps } from './grid.type';
+declare const GridWithStyle: {
+    (props: GridProps): import("react/jsx-runtime").JSX.Element;
+    isGrid: boolean;
+};
+export default GridWithStyle;

package/esm/grid/grid.js

@@ -1 +1,19 @@
-export { Grid as default } from '@sheinx/base';
+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 { Grid } from '@sheinx/base';
+import { useGridStyle } from '@sheinx/shineout-style';
+import { jsx as _jsx } from "react/jsx-runtime";
+var GridWithStyle = function GridWithStyle(props) {
+  var jssStyle = {
+    grid: useGridStyle
+  };
+  return /*#__PURE__*/_jsx(Grid, _objectSpread({
+    jssStyle: jssStyle
+  }, props));
+};
+GridWithStyle.isGrid = true;
+export default GridWithStyle;

package/esm/grid/grid.type.d.ts

@@ -2,4 +2,4 @@ import { GridProps as UnStyledGridProps } from '@sheinx/base';
 /**
  * @title Grid
  */
-export type GridProps = UnStyledGridProps;
+export type GridProps = Omit<UnStyledGridProps, 'jssStyle'>;

package/esm/index.d.ts

@@ -34,6 +34,7 @@ export { default as Radio } from './radio';
 export { default as Rate } from './rate';
 export { default as Rule } from './rule';
 export { default as Select } from './select';
+export { default as Skeleton } from './skeleton';
 export { default as Slider } from './slider';
 export { default as Spin } from './spin';
 export { default as Steps } from './steps';

package/esm/index.js

@@ -38,6 +38,7 @@ export { default as Radio } from "./radio";
 export { default as Rate } from "./rate";
 export { default as Rule } from "./rule";
 export { default as Select } from "./select";
+export { default as Skeleton } from "./skeleton";
 export { default as Slider } from "./slider";
 export { default as Spin } from "./spin";
 export { default as Steps } from "./steps";
@@ -61,5 +62,5 @@ export * from "./deprecated";
 import * as _TYPE from "./type";
 export { _TYPE as TYPE };
 export default {
-  version: '3.7.0-beta.9'
+  version: '3.7.0'
 };

package/esm/select/select.js

@@ -7,7 +7,7 @@ function _toPrimitive(t, r) { if ("object" != _typeof(t) || !t) return t; var e
 import React from 'react';
 import { Select as BaseSelect } from '@sheinx/base';
 import useFieldCommon from "../hooks/use-field-common";
-import { useSelectStyle, useInnerTitleStyle, useTagStyle, useCheckboxStyle, useRadioStyle, usePopoverStyle, useTreeStyle, useSpinStyle } from '@sheinx/shineout-style';
+import { useSelectStyle, useInnerTitleStyle, useTagStyle, useCheckboxStyle, useRadioStyle, usePopoverStyle, useTreeStyle, useSpinStyle, useCommonStyle } from '@sheinx/shineout-style';
 import { jsx as _jsx } from "react/jsx-runtime";
 var jssStyle = {
   tag: useTagStyle,
@@ -17,7 +17,8 @@ var jssStyle = {
   checkbox: useCheckboxStyle,
   radio: useRadioStyle,
   tree: useTreeStyle,
-  spin: useSpinStyle
+  spin: useSpinStyle,
+  common: useCommonStyle
 };
 function SelectComponent(props) {
   return /*#__PURE__*/_jsx(BaseSelect, _objectSpread({

package/esm/skeleton/index.d.ts

@@ -0,0 +1,7 @@
+import Skeleton from './skeleton';
+type RefSkeleton = typeof Skeleton;
+export interface SkeletonComponent extends RefSkeleton {
+    displayName: string;
+}
+declare const SkeletonComp: SkeletonComponent;
+export default SkeletonComp;

package/esm/skeleton/index.js

@@ -0,0 +1,5 @@
+"use client";
+import Skeleton from "./skeleton";
+var SkeletonComp = Skeleton;
+SkeletonComp.displayName = 'ShineoutSkeleton';
+export default SkeletonComp;

package/esm/skeleton/interface.d.ts

@@ -0,0 +1 @@
+export type { SkeletonProps as Props } from './skeleton.type';

package/esm/skeleton/interface.js

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

package/esm/skeleton/skeleton.d.ts

@@ -0,0 +1,3 @@
+import { SkeletonProps } from './skeleton.type';
+declare const _default: (props: SkeletonProps) => import("react/jsx-runtime").JSX.Element;
+export default _default;

package/esm/skeleton/skeleton.js

@@ -0,0 +1,18 @@
+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 { Skeleton } from '@sheinx/base';
+import { useSkeletonStyle } from '@sheinx/shineout-style';
+import { jsx as _jsx } from "react/jsx-runtime";
+var jssStyle = {
+  skeleton: useSkeletonStyle
+};
+export default (function (props) {
+  return /*#__PURE__*/_jsx(Skeleton, _objectSpread({
+    jssStyle: jssStyle
+  }, props));
+});

package/esm/skeleton/skeleton.type.d.ts

@@ -0,0 +1,5 @@
+import { SkeletonProps as UnStyledSkeletonProps } from '@sheinx/base';
+/**
+ * @title Skeleton
+ */
+export type SkeletonProps = Omit<UnStyledSkeletonProps, 'jssStyle'>;

package/esm/skeleton/skeleton.type.js

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

package/esm/tag/tag.type.d.ts

@@ -2,7 +2,7 @@ import { TagProps as UnStyledTagProps, TagInputProps as UnStyledTagInputProps }
 /**
  * @title Tag
  */
-export type TagProps = Omit<UnStyledTagProps, 'jssStyle' | 'inlineStyle'>;
+export type TagProps = Omit<UnStyledTagProps, 'jssStyle' | 'inlineStyle' | 'onMouseDown'>;
 /**
  * @title Tag.Input
  */

package/esm/tree/tree.js

@@ -6,7 +6,7 @@ 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, { useMemo } from 'react';
 import { Tree as UnStyledTree } from '@sheinx/base';
-import { useTreeStyle, useSpinStyle, useCheckboxStyle } from '@sheinx/shineout-style';
+import { useTreeStyle, useSpinStyle, useCheckboxStyle, useCommonStyle } from '@sheinx/shineout-style';
 import { jsx as _jsx } from "react/jsx-runtime";
 var Tree = function Tree(props) {
   var treeStyle = useTreeStyle;
@@ -16,7 +16,8 @@ var Tree = function Tree(props) {
     return {
       tree: treeStyle,
       spin: spinStyle,
-      checkbox: checkboxStyle
+      checkbox: checkboxStyle,
+      common: useCommonStyle
     };
   }, [treeStyle, spinStyle]);
   return /*#__PURE__*/_jsx(UnStyledTree, _objectSpread(_objectSpread({}, props), {}, {

package/esm/tree-select/tree-select.js

@@ -7,7 +7,7 @@ function _toPrimitive(t, r) { if ("object" != _typeof(t) || !t) return t; var e
 import React, { memo } from 'react';
 import { TreeSelect as UnStyleTreeSelect } from '@sheinx/base';
 import useFieldCommon from "../hooks/use-field-common";
-import { useCheckboxStyle, useInnerTitleStyle, usePopoverStyle, useSelectStyle, useSpinStyle, useTagStyle, useTreeSelectStyle, useTreeStyle } from '@sheinx/shineout-style';
+import { useCheckboxStyle, useCommonStyle, useInnerTitleStyle, usePopoverStyle, useSelectStyle, useSpinStyle, useTagStyle, useTreeSelectStyle, useTreeStyle } from '@sheinx/shineout-style';
 import { jsx as _jsx } from "react/jsx-runtime";
 var jssStyle = {
   tag: useTagStyle,
@@ -17,7 +17,8 @@ var jssStyle = {
   checkbox: useCheckboxStyle,
   popover: usePopoverStyle,
   treeSelect: useTreeSelectStyle,
-  innerTitle: useInnerTitleStyle
+  innerTitle: useInnerTitleStyle,
+  common: useCommonStyle
 };
 var TreeSelectComponent = function TreeSelectComponent(props) {
   return /*#__PURE__*/_jsx(UnStyleTreeSelect, _objectSpread({

package/esm/type.d.ts

@@ -34,6 +34,7 @@ export * as Radio from './radio/interface';
 export * as Rate from './rate/interface';
 export * as Rule from './rule/interface';
 export * as Select from './select/interface';
+export * as Skeleton from './skeleton/interface';
 export * as Slider from './slider/interface';
 export * as Spin from './spin/interface';
 export * as Steps from './steps/interface';

package/esm/type.js

@@ -70,6 +70,8 @@ import * as _Rule from "./rule/interface";
 export { _Rule as Rule };
 import * as _Select from "./select/interface";
 export { _Select as Select };
+import * as _Skeleton from "./skeleton/interface";
+export { _Skeleton as Skeleton };
 import * as _Slider from "./slider/interface";
 export { _Slider as Slider };
 import * as _Spin from "./spin/interface";

package/package.json

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