shineout 3.10.0-beta.2 → 3.10.0-beta.21

package/cjs/tree-select/tree-select.semantic.js

@@ -0,0 +1,89 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.default = void 0;
+var _react = _interopRequireDefault(require("react"));
+var _ = require("./..");
+var _jsxRuntime = require("react/jsx-runtime");
+function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
+/**
+ * TreeSelect Semantic DOM 元数据。
+ *
+ * 文档站构建时通过 chunk 模板自动引入，渲染 Semantic tab。
+ *
+ * @see /docs/rfc/0001-semantic-dom.md
+ */
+
+var treeData = [{
+  id: '1',
+  name: 'Option 1',
+  children: [{
+    id: '1-1',
+    name: 'Option 1-1'
+  }, {
+    id: '1-2',
+    name: 'Option 1-2'
+  }]
+}, {
+  id: '2',
+  name: 'Option 2',
+  children: [{
+    id: '2-1',
+    name: 'Option 2-1'
+  }]
+}, {
+  id: '3',
+  name: 'Option 3'
+}];
+var TreeSelectSemanticDemo = function TreeSelectSemanticDemo() {
+  return /*#__PURE__*/(0, _jsxRuntime.jsx)("div", {
+    style: {
+      width: 300
+    },
+    children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_.TreeSelect, {
+      data: treeData,
+      keygen: "id",
+      renderItem: function renderItem(node) {
+        return node.name;
+      },
+      placeholder: "Please select"
+    })
+  });
+};
+var treeSelectSemantic = {
+  keys: [{
+    key: 'root',
+    cn: 'TreeSelect 最外层容器',
+    en: 'TreeSelect outermost wrapper element',
+    version: '3.10.0',
+    example: "<TreeSelect\n  classNames={{ root: 'my-tree-select' }}\n  styles={{ root: { border: '1px solid #eee' } }}\n/>"
+  }, {
+    key: 'header',
+    cn: '结果区域（显示已选值 / placeholder）',
+    en: 'Header area (shows selected values / placeholder)',
+    version: '3.10.0',
+    example: "<TreeSelect\n  classNames={{ header: 'my-header' }}\n  styles={{ header: { padding: '8px' } }}\n/>"
+  }, {
+    key: 'popup',
+    cn: '下拉面板',
+    en: 'Dropdown popup panel',
+    version: '3.10.0',
+    example: "<TreeSelect\n  classNames={{ popup: 'my-popup' }}\n  styles={{ popup: { background: '#fff' } }}\n/>"
+  }, {
+    key: 'list',
+    cn: '树列表容器',
+    en: 'Tree list container',
+    version: '3.10.0',
+    example: "<TreeSelect\n  classNames={{ list: 'my-list' }}\n  styles={{ list: { padding: 8 } }}\n/>"
+  }, {
+    key: 'option',
+    cn: '树节点选项',
+    en: 'Tree node option',
+    version: '3.10.0',
+    example: "<TreeSelect\n  classNames={{ option: 'my-option' }}\n  styles={{ option: { borderRadius: 4 } }}\n/>"
+  }],
+  demo: TreeSelectSemanticDemo
+};
+var _default = exports.default = treeSelectSemantic;

package/cjs/type.d.ts

@@ -1,6 +1,7 @@
 export * as Alert from './alert/interface';
 export * as Avatar from './avatar/interface';
 export * as Badge from './badge/interface';
+export * as BorderBeam from './border-beam/interface';
 export * as Breadcrumb from './breadcrumb/interface';
 export * as Button from './button/interface';
 export * as Card from './card/interface';

package/cjs/type.js

@@ -4,13 +4,15 @@ function _typeof(o) { "@babel/helpers - typeof"; return _typeof = "function" ==
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
-exports.Watermark = exports.Upload = exports.TreeSelect = exports.Tree = exports.Transfer = exports.Tooltip = exports.Textarea = exports.Tag = exports.Tabs = exports.Table = exports.Switch = exports.Sticky = exports.Steps = exports.Spin = exports.Slider = exports.Skeleton = exports.Select = exports.Rule = exports.Rate = exports.Radio = exports.Progress = exports.Popover = exports.Pagination = exports.Modal = exports.Message = exports.Menu = exports.List = exports.Link = exports.Input = exports.Image = exports.Icon = exports.Grid = exports.Gap = exports.Form = exports.Empty = exports.EditableArea = exports.Dropdown = exports.Drawer = exports.Divider = exports.Descriptions = exports.DatePicker = exports.Collapse = exports.Checkbox = exports.Cascader = exports.Carousel = exports.CardGroup = exports.Card = exports.Button = exports.Breadcrumb = exports.Badge = exports.Avatar = exports.Alert = void 0;
+exports.Watermark = exports.Upload = exports.TreeSelect = exports.Tree = exports.Transfer = exports.Tooltip = exports.Textarea = exports.Tag = exports.Tabs = exports.Table = exports.Switch = exports.Sticky = exports.Steps = exports.Spin = exports.Slider = exports.Skeleton = exports.Select = exports.Rule = exports.Rate = exports.Radio = exports.Progress = exports.Popover = exports.Pagination = exports.Modal = exports.Message = exports.Menu = exports.List = exports.Link = exports.Input = exports.Image = exports.Icon = exports.Grid = exports.Gap = exports.Form = exports.Empty = exports.EditableArea = exports.Dropdown = exports.Drawer = exports.Divider = exports.Descriptions = exports.DatePicker = exports.Collapse = exports.Checkbox = exports.Cascader = exports.Carousel = exports.CardGroup = exports.Card = exports.Button = exports.Breadcrumb = exports.BorderBeam = exports.Badge = exports.Avatar = exports.Alert = void 0;
 var _Alert = _interopRequireWildcard(require("./alert/interface"));
 exports.Alert = _Alert;
 var _Avatar = _interopRequireWildcard(require("./avatar/interface"));
 exports.Avatar = _Avatar;
 var _Badge = _interopRequireWildcard(require("./badge/interface"));
 exports.Badge = _Badge;
+var _BorderBeam = _interopRequireWildcard(require("./border-beam/interface"));
+exports.BorderBeam = _BorderBeam;
 var _Breadcrumb = _interopRequireWildcard(require("./breadcrumb/interface"));
 exports.Breadcrumb = _Breadcrumb;
 var _Button = _interopRequireWildcard(require("./button/interface"));

package/cjs/upload/button.js

@@ -5,6 +5,7 @@ Object.defineProperty(exports, "__esModule", {
 });
 exports.default = void 0;
 var _base = require("@sheinx/base");
+var _hooks = require("@sheinx/hooks");
 var _shineoutStyle = require("@sheinx/shineout-style");
 var _useFieldCommon = _interopRequireDefault(require("../hooks/use-field-common"));
 var _useUploadCommon = _interopRequireDefault(require("./use-upload-common"));
@@ -31,8 +32,18 @@ var BaseUploadButton = function BaseUploadButton(props) {
 };
 BaseUploadButton.displayName = 'ShineoutUploadButton';
 var _default = exports.default = function _default(props) {
+  var _props$htmlName;
   var customProps = (0, _useUploadCommon.default)({
     rules: props.rules
   });
-  return (0, _useFieldCommon.default)(_objectSpread(_objectSpread({}, props), customProps), BaseUploadButton);
+
+  // 同 upload.tsx：useFieldCommon 会把 name 从子组件 props 中移除，
+  // 提前将其作为 htmlName 的 fallback 保存，以兼容 v2 中 name 作为 FormData 键名的行为。
+  var htmlName = (_props$htmlName = props.htmlName) !== null && _props$htmlName !== void 0 ? _props$htmlName : typeof props.name === 'string' ? props.name : undefined;
+  if (!props.htmlName && typeof props.name === 'string' && props.name !== 'file') {
+    _hooks.util.devUseWarning.warn("Upload.Button \u7684 name=\"".concat(props.name, "\" \u4F1A\u4F5C\u4E3A\u4E0A\u4F20\u8BF7\u6C42 FormData \u7684\u5B57\u6BB5\u540D\u3002\u5982\u9700\u4FDD\u6301\u9ED8\u8BA4\u5B57\u6BB5\u540D \"file\"\uFF0C\u8BF7\u663E\u5F0F\u8BBE\u7F6E htmlName=\"file\"\u3002"));
+  }
+  return (0, _useFieldCommon.default)(_objectSpread(_objectSpread({}, props), {}, {
+    htmlName: htmlName
+  }, customProps), BaseUploadButton);
 };

package/cjs/upload/image.js

@@ -5,6 +5,7 @@ Object.defineProperty(exports, "__esModule", {
 });
 exports.default = void 0;
 var _base = require("@sheinx/base");
+var _hooks = require("@sheinx/hooks");
 var _shineoutStyle = require("@sheinx/shineout-style");
 var _useFieldCommon = _interopRequireDefault(require("../hooks/use-field-common"));
 var _useUploadCommon = _interopRequireDefault(require("./use-upload-common"));
@@ -39,6 +40,9 @@ var _default = exports.default = function _default(props) {
   // 同 upload.tsx：useFieldCommon 会把 name 从子组件 props 中移除，
   // 提前将其作为 htmlName 的 fallback 保存，以兼容 v2 中 name 作为 FormData 键名的行为。
   var htmlName = (_props$htmlName = props.htmlName) !== null && _props$htmlName !== void 0 ? _props$htmlName : typeof props.name === 'string' ? props.name : undefined;
+  if (!props.htmlName && typeof props.name === 'string' && props.name !== 'file') {
+    _hooks.util.devUseWarning.warn("Upload.Image \u7684 name=\"".concat(props.name, "\" \u4F1A\u4F5C\u4E3A\u4E0A\u4F20\u8BF7\u6C42 FormData \u7684\u5B57\u6BB5\u540D\u3002\u5982\u9700\u4FDD\u6301\u9ED8\u8BA4\u5B57\u6BB5\u540D \"file\"\uFF0C\u8BF7\u663E\u5F0F\u8BBE\u7F6E htmlName=\"file\"\u3002"));
+  }
   return (0, _useFieldCommon.default)(_objectSpread(_objectSpread({}, props), {}, {
     htmlName: htmlName
   }, customProps), BaseUploadImage);

package/cjs/upload/interface.d.ts

@@ -1,4 +1,4 @@
-export type { UploadProps as Props, Validator } from './upload.type';
+export type { UploadProps as Props, Validator, UploadRef as Ref } from './upload.type';
 export type { UploadImageProps as ImageProps } from './image.type';
 export type { UploadDraggerProps as DraggerProps } from './dragger.type';
 export type { UploadOptions as Options } from '@sheinx/hooks';

package/cjs/upload/upload.js

@@ -5,6 +5,7 @@ Object.defineProperty(exports, "__esModule", {
 });
 exports.default = void 0;
 var _base = require("@sheinx/base");
+var _hooks = require("@sheinx/hooks");
 var _shineoutStyle = require("@sheinx/shineout-style");
 var _useFieldCommon = _interopRequireDefault(require("../hooks/use-field-common"));
 var _useUploadCommon = _interopRequireDefault(require("./use-upload-common"));
@@ -40,6 +41,9 @@ var _default = exports.default = function _default(props) {
   // 但 Upload 的 name 在 v2 中同时作为 FormData 的键名，为了兼容 v2 行为，
   // 在 name 被移除之前将其作为 htmlName 的 fallback 保存下来。
   var htmlName = (_props$htmlName = props.htmlName) !== null && _props$htmlName !== void 0 ? _props$htmlName : typeof props.name === 'string' ? props.name : undefined;
+  if (!props.htmlName && typeof props.name === 'string' && props.name !== 'file') {
+    _hooks.util.devUseWarning.warn("Upload \u7684 name=\"".concat(props.name, "\" \u4F1A\u4F5C\u4E3A\u4E0A\u4F20\u8BF7\u6C42 FormData \u7684\u5B57\u6BB5\u540D\u3002\u5982\u9700\u4FDD\u6301\u9ED8\u8BA4\u5B57\u6BB5\u540D \"file\"\uFF0C\u8BF7\u663E\u5F0F\u8BBE\u7F6E htmlName=\"file\"\u3002"));
+  }
   return (0, _useFieldCommon.default)(_objectSpread(_objectSpread({}, props), {}, {
     htmlName: htmlName
   }, customProps), BaseUpload, 'array');

package/cjs/upload/upload.semantic.d.ts

@@ -0,0 +1,4 @@
+import type { SemanticSchema } from '@sheinx/base';
+import type { UploadSemanticKey } from '@sheinx/base';
+declare const uploadSemantic: SemanticSchema<UploadSemanticKey>;
+export default uploadSemantic;

package/cjs/upload/upload.semantic.js

@@ -0,0 +1,50 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.default = void 0;
+var _react = _interopRequireDefault(require("react"));
+var _ = require("./..");
+var _jsxRuntime = require("react/jsx-runtime");
+function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
+/**
+ * Upload Semantic DOM 元数据。
+ *
+ * 文档站构建时通过 chunk 模板自动引入，渲染 Semantic tab。
+ *
+ * @see /docs/rfc/0001-semantic-dom.md
+ */
+
+var UploadSemanticDemo = function UploadSemanticDemo() {
+  return /*#__PURE__*/(0, _jsxRuntime.jsx)(_.Upload.Image, {
+    action: "/api/upload",
+    defaultValue: ['https://via.placeholder.com/80'],
+    renderResult: function renderResult(f) {
+      return f;
+    }
+  });
+};
+var uploadSemantic = {
+  keys: [{
+    key: 'root',
+    cn: 'Upload 最外层容器',
+    en: 'Upload outermost wrapper element',
+    version: '3.10.0',
+    example: "<Upload\n  classNames={{ root: 'my-upload' }}\n  styles={{ root: { gap: 12 } }}\n/>"
+  }, {
+    key: 'handler',
+    cn: '上传触发器区域（按钮 / 图片添加框）',
+    en: 'Upload trigger area (button / image add box)',
+    version: '3.10.0',
+    example: "<Upload\n  classNames={{ handler: 'my-handler' }}\n  styles={{ handler: { borderRadius: 8 } }}\n/>"
+  }, {
+    key: 'item',
+    cn: '已上传文件结果项',
+    en: 'Uploaded file result item',
+    version: '3.10.0',
+    example: "<Upload\n  classNames={{ item: 'my-item' }}\n  styles={{ item: { borderRadius: 4 } }}\n/>"
+  }],
+  demo: UploadSemanticDemo
+};
+var _default = exports.default = uploadSemantic;

package/cjs/upload/upload.type.d.ts

@@ -1,6 +1,7 @@
-import { UploadProps as UnStyledUploadProps } from '@sheinx/base';
+import { UploadProps as UnStyledUploadProps, UploadRef } from '@sheinx/base';
 import { GetWithFieldProps } from '../hooks/use-field-common';
 import type { UploadOptions as _UploadOptions } from '@sheinx/hooks';
+export type { UploadRef };
 export type BaseUploadProps<T> = Omit<UnStyledUploadProps<T>, 'jssStyle'>;
 /**
  *  @title Upload