shineout 3.0.0-rc.13 → 3.0.0-rc.14

package/cjs/index.js

@@ -481,5 +481,5 @@ function _getRequireWildcardCache(e) { if ("function" != typeof WeakMap) return
 function _interopRequireWildcard(e, r) { if (!r && e && e.__esModule) return e; if (null === e || "object" != _typeof(e) && "function" != typeof e) return { default: e }; var t = _getRequireWildcardCache(r); if (t && t.has(e)) return t.get(e); var n = { __proto__: null }, a = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var u in e) if ("default" !== u && Object.prototype.hasOwnProperty.call(e, u)) { var i = a ? Object.getOwnPropertyDescriptor(e, u) : null; i && (i.get || i.set) ? Object.defineProperty(n, u, i) : n[u] = e[u]; } return n.default = e, t && t.set(e, n), n; }
 function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
 var _default = exports.default = {
-  version: '3.0.0-rc.13'
+  version: '3.0.0-rc.14'
 };

package/dist/shineout.js

@@ -12020,7 +12020,7 @@ var handleStyle = function handleStyle(style) {
 };
 /* harmony default export */ var jss_style_handleStyle = (handleStyle);
 ;// CONCATENATED MODULE: ../shineout-style/src/version.ts
-/* harmony default export */ var version = ('3.0.0-rc.13');
+/* harmony default export */ var version = ('3.0.0-rc.14');
 ;// CONCATENATED MODULE: ../shineout-style/src/jss-style/index.tsx
 
 
@@ -12541,7 +12541,7 @@ var buttonTokens = {
   buttonLinkFocusBorderColor: 'transparent',
   buttonFontSize: '14/regular',
   buttonBorderRadius: 'Radius-4',
-  buttonPaddingX: 'Padding-8',
+  buttonPaddingX: 'Padding-12',
   buttonPaddingY: 'Padding-5',
   buttonHeight: 'Size-16',
   buttonFontWeight: 'Weight-regular',
@@ -12553,7 +12553,7 @@ var buttonTokens = {
   buttonSmallFontWeight: 'Weight-regular',
   buttonLargeFontSize: '16/regular',
   buttonLargeBorderRadius: 'Radius-4',
-  buttonLargePaddingX: 'Padding-12',
+  buttonLargePaddingX: 'Padding-16',
   buttonLargePaddingY: 'Padding-8',
   buttonLargeHeight: 'Size-20',
   buttonLargeFontWeight: 'Weight-regular',
@@ -20059,6 +20059,10 @@ function createHash(obj) {
 var getExtraToken = function getExtraToken(prefix) {
   return ["--primary-color: var(--".concat(prefix, "-brand-6)"), "--gray-500: var(--".concat(prefix, "-neutral-6)"), "--primary-color-fade-50: rgba(25,122,250,0.5)"];
 };
+var replaceCssVarValue = function replaceCssVarValue(innerHTML, cssvar, targetValue) {
+  var regex = new RegExp("(".concat(cssvar, ":.*?;)"));
+  return innerHTML.replace(regex, "".concat(cssvar, ": ").concat(targetValue, ";"));
+};
 var setToken = function setToken(options) {
   var _ref = options || {},
     _ref$tagName = _ref.tagName,
@@ -20070,6 +20074,7 @@ var setToken = function setToken(options) {
     token = _ref.token,
     attributes = _ref.attributes,
     onlyExtra = _ref.onlyExtra,
+    update = _ref.update,
     customExtraToken = _ref.extraToken;
   var _getConfig = getConfig(),
     prefix = _getConfig.prefix;
@@ -20079,6 +20084,14 @@ var setToken = function setToken(options) {
   var tokens = [];
   var defaultToken = token || token_token;
   var extraToken = getExtraToken(prefix);
+  if (update && token) {
+    Object.keys(token).forEach(function (key) {
+      var cssvar = "--".concat(prefix, "-").concat(replaceNonAlphanumeric(key));
+      var targetValue = token[key];
+      tag.innerHTML = replaceCssVarValue(tag.innerHTML, cssvar, targetValue);
+    });
+    return;
+  }
   if (onlyExtra) {
     Object.keys(defaultToken).filter(function (item) {
       return (customExtraToken || ['Brand-6', 'Neutral-6']).includes(item);
@@ -20220,7 +20233,9 @@ var PaginationStyle = {
   buttonItem: {
     transition: 'none'
   },
-  sectionSize: {}
+  sectionSize: {
+    padding: 0
+  }
 };
 /* harmony default export */ var pagination_pagination = (PaginationStyle);
 ;// CONCATENATED MODULE: ../shineout-style/src/pagination/index.ts
@@ -23398,6 +23413,7 @@ var tableStyle = objectSpread2_default()(objectSpread2_default()({}, globalStyle
     }
   },
   expandWrapper: {
+    display: 'inline-block',
     '& $iconWrapper': {
       marginRight: '8px'
     }
@@ -36511,6 +36527,15 @@ function useFormControl(props) {
   var validateFiled = use_persist_fn(function (name, v, formV) {
     var config = arguments.length > 3 && arguments[3] !== undefined ? arguments[3] : {};
     var validateProps = (getValidateProps === null || getValidateProps === void 0 ? void 0 : getValidateProps()) || {};
+    if (config.type === 'forcePass') {
+      if (inForm) {
+        formFunc === null || formFunc === void 0 || formFunc.setError(name, undefined);
+      } else {
+        setErrorState(undefined);
+      }
+      onError === null || onError === void 0 || onError(undefined);
+      return Promise.resolve(true);
+    }
     if (inForm) {
       var bindValidate = function bindValidate() {
         if (!config.ignoreBind && isArray(bind)) {
@@ -41277,8 +41302,11 @@ var asyncToGenerator_default = /*#__PURE__*/__webpack_require__.n(asyncToGenerat
 
 
 
+//https://github.com/react-component/util/blob/master/src/React/render.ts
+
+
+// Let compiler not to search module usage
 var fullClone = objectSpread2_default()({}, external_root_ReactDOM_commonjs2_react_dom_commonjs_react_dom_amd_react_dom_);
-var MARK = '__sheinout_root__';
 var react_render_version = fullClone.version,
   reactRender = fullClone.render,
   unmountComponentAtNode = fullClone.unmountComponentAtNode;
@@ -41289,26 +41317,48 @@ try {
     createRoot = fullClone.createRoot;
   }
 } catch (e) {
-  // Nothing;
+  // Do nothing;
 }
-var modernRender = function modernRender(node, container) {
+function toggleWarning(skip) {
+  var __SECRET_INTERNALS_DO_NOT_USE_OR_YOU_WILL_BE_FIRED = fullClone.__SECRET_INTERNALS_DO_NOT_USE_OR_YOU_WILL_BE_FIRED;
+  if (__SECRET_INTERNALS_DO_NOT_USE_OR_YOU_WILL_BE_FIRED && typeof_default()(__SECRET_INTERNALS_DO_NOT_USE_OR_YOU_WILL_BE_FIRED) === 'object') {
+    __SECRET_INTERNALS_DO_NOT_USE_OR_YOU_WILL_BE_FIRED.usingClientEntryPoint = skip;
+  }
+}
+var MARK = '__rc_react_root__';
+
+// ========================== Render ==========================
+
+function modernRender(node, container) {
+  toggleWarning(true);
   var root = container[MARK] || createRoot(container);
+  toggleWarning(false);
   root.render(node);
   container[MARK] = root;
-};
-var legacyRender = function legacyRender(node, container) {
+}
+function legacyRender(node, container) {
   reactRender(node, container);
-};
-var ReactRender = function ReactRender(node, container) {
+}
+
+/** @private Test usage. Not work in prod */
+function _r(node, container) {
+  if (false) {}
+}
+function ReactRender(node, container) {
   // @ts-ignore
   if (createRoot) {
     modernRender(node, container);
     return;
   }
   legacyRender(node, container);
-};
-var modernUnmount = /*#__PURE__*/function () {
-  var _ref = asyncToGenerator_default()( /*#__PURE__*/regeneratorRuntime_default()().mark(function _callee(container) {
+}
+
+// ========================= Unmount ==========================
+function modernUnmount(_x) {
+  return _modernUnmount.apply(this, arguments);
+}
+function _modernUnmount() {
+  _modernUnmount = asyncToGenerator_default()( /*#__PURE__*/regeneratorRuntime_default()().mark(function _callee(container) {
     return regeneratorRuntime_default()().wrap(function _callee$(_context) {
       while (1) switch (_context.prev = _context.next) {
         case 0:
@@ -41323,19 +41373,39 @@ var modernUnmount = /*#__PURE__*/function () {
       }
     }, _callee);
   }));
-  return function modernUnmount(_x) {
-    return _ref.apply(this, arguments);
-  };
-}();
-var legacyUnmount = function legacyUnmount(container) {
+  return _modernUnmount.apply(this, arguments);
+}
+function legacyUnmount(container) {
   unmountComponentAtNode(container);
-};
-var ReactUnmount = function ReactUnmount(container) {
-  if (createRoot !== undefined) {
-    return modernUnmount(container);
-  }
-  legacyUnmount(container);
-};
+}
+
+/** @private Test usage. Not work in prod */
+function _u(container) {
+  if (false) {}
+}
+function ReactUnmount(_x2) {
+  return _ReactUnmount.apply(this, arguments);
+}
+function _ReactUnmount() {
+  _ReactUnmount = asyncToGenerator_default()( /*#__PURE__*/regeneratorRuntime_default()().mark(function _callee2(container) {
+    return regeneratorRuntime_default()().wrap(function _callee2$(_context2) {
+      while (1) switch (_context2.prev = _context2.next) {
+        case 0:
+          if (!(createRoot !== undefined)) {
+            _context2.next = 2;
+            break;
+          }
+          return _context2.abrupt("return", modernUnmount(container));
+        case 2:
+          legacyUnmount(container);
+        case 3:
+        case "end":
+          return _context2.stop();
+      }
+    }, _callee2);
+  }));
+  return _ReactUnmount.apply(this, arguments);
+}
 ;// CONCATENATED MODULE: ../base/src/modal/modal-content.tsx
 
 
@@ -43177,11 +43247,20 @@ var useForm = function useForm(props) {
   var getErrors = use_persist_fn(function () {
     return context.errors;
   });
-  var clearErrors = use_persist_fn(function () {
-    var keys = Object.keys(context.errors);
-    context.errors = {};
-    context.serverErrors = {};
-    update(keys);
+  var clearValidate = use_persist_fn(function (names) {
+    var keys = names || Object.keys(context.errors);
+    validateFields(keys, {
+      type: 'forcePass'
+    }).then(function () {
+      if (!names) {
+        context.errors = {};
+        context.serverErrors = {};
+      } else {
+        keys.forEach(function (key) {
+          delete context.serverErrors[key];
+        });
+      }
+    });
   });
   var setError = use_persist_fn(function (name, e) {
     context.errors[name] = e;
@@ -43257,7 +43336,7 @@ var useForm = function useForm(props) {
       var _props$onReset, _other$onReset;
       if (disabled) return;
       onChange(getDefaultValue());
-      clearErrors();
+      clearValidate();
       update();
       context.resetTime = 1;
       (_props$onReset = props.onReset) === null || _props$onReset === void 0 || _props$onReset.call(props);
@@ -43347,7 +43426,7 @@ var useForm = function useForm(props) {
     reset: reset,
     setError: setError,
     getErrors: getErrors,
-    clearErrors: clearErrors,
+    clearValidate: clearValidate,
     validateFields: validateFields
   });
   var formConfig = external_root_React_commonjs2_react_commonjs_react_amd_react_.useMemo(function () {
@@ -43459,7 +43538,7 @@ var Form = function Form(props) {
     return formFunc.validateFields(fileds).catch(function () {});
   });
   var formRefObj = useLatestObj({
-    clearValidate: formFunc.clearErrors,
+    clearValidate: formFunc.clearValidate,
     getValue: formFunc.getValue,
     reset: formFunc.reset,
     submit: formFunc.submit,
@@ -48606,6 +48685,7 @@ var PaginationButton = function PaginationButton(props) {
     moreType = props.moreType,
     children = props.children,
     className = props.className,
+    style = props.style,
     onClick = props.onClick,
     onMouseEnter = props.onMouseEnter,
     onMouseLeave = props.onMouseLeave;
@@ -48628,6 +48708,7 @@ var PaginationButton = function PaginationButton(props) {
       type: type,
       size: size,
       mode: mode,
+      style: style,
       onClick: handleClick
     };
     if (moreType) {
@@ -48662,6 +48743,7 @@ var PaginationButtonNext = function PaginationButtonNext(props) {
     current = props.current,
     text = props.text,
     size = props.size,
+    style = props.style,
     mode = props.mode,
     onChange = props.onChange;
   var paginationStyle = jssStyle === null || jssStyle === void 0 || (_jssStyle$pagination = jssStyle.pagination) === null || _jssStyle$pagination === void 0 ? void 0 : _jssStyle$pagination.call(jssStyle);
@@ -48675,7 +48757,10 @@ var PaginationButtonNext = function PaginationButtonNext(props) {
     mode: mode,
     page: next,
     size: size,
-    shape: hasText ? undefined : 'square',
+    style: style
+    // shape={hasText ? undefined : 'square'}
+    ,
+    shape: 'square',
     disabled: disabled || next > max,
     onClick: onChange,
     children: hasText ? text.next : /*#__PURE__*/(0,jsx_runtime.jsx)("span", {
@@ -48709,8 +48794,10 @@ var PaginationButtonPrev = function PaginationButtonPrev(props) {
     mode: mode,
     disabled: disabled || prev < 1,
     page: prev,
-    size: size,
-    shape: hasText ? undefined : 'square',
+    size: size
+    // shape={hasText ? undefined : 'square'}
+    ,
+    shape: "square",
     onClick: onChange,
     children: hasText ? text.prev : /*#__PURE__*/(0,jsx_runtime.jsx)("span", {
       className: paginationStyle === null || paginationStyle === void 0 ? void 0 : paginationStyle.icon,
@@ -48806,8 +48893,7 @@ var PaginationButtons = function PaginationButtons(props) {
       mode: mode,
       size: size,
       jssStyle: jssStyle,
-      disabled: disabled,
-      shape: 'square'
+      disabled: disabled
     };
   };
   var handleHoverMore = function handleHoverMore(type, is) {
@@ -48862,6 +48948,7 @@ var PaginationButtons = function PaginationButtons(props) {
           mode: pageNum === current ? undefined : mode,
           key: pageNum,
           page: pageNum,
+          shape: pageNum >= 100 ? undefined : 'square',
           type: pageNum === current ? 'primary' : 'secondary',
           onClick: onChange
         }), pageNum);
@@ -48877,6 +48964,7 @@ var PaginationButtons = function PaginationButtons(props) {
         onClick: onChange,
         moreType: pageNum,
         onMouseEnter: handleHoverMore,
+        shape: "square",
         onMouseLeave: handleHoverMore,
         className: paginationStyle === null || paginationStyle === void 0 ? void 0 : paginationStyle.sectionSize
       }), /*#__PURE__*/(0,jsx_runtime.jsx)("span", {
@@ -56686,7 +56774,9 @@ var TransferOperate = function TransferOperate(props) {
   var disabled = listDatum.getValueMap().size === 0 || listDatum.getVaildData().length === 0;
   var style = operation ? {
     width: '100%'
-  } : undefined;
+  } : {
+    padding: 0
+  };
   return /*#__PURE__*/(0,jsx_runtime.jsx)("span", {
     children: /*#__PURE__*/(0,jsx_runtime.jsxs)(base_src_button_button, {
       size: size,
@@ -61082,7 +61172,7 @@ var upload_interface = __webpack_require__(4412);
 
 
 /* harmony default export */ var src_0 = ({
-  version: '3.0.0-rc.13'
+  version: '3.0.0-rc.14'
 });
 }();
 /******/ 	return __webpack_exports__;