shineout 3.0.0-alpha.2 → 3.0.0-alpha.21

package/cjs/tree/__example__/08-drag.d.ts

@@ -1,11 +0,0 @@
-/**
- * cn - 可拖拽
- *    -- 设置 `onDrop` 属性，可以拖拽节点
- *    -- 设置 `dragSibling` 属性，将限制节点拖拽范围至兄弟节点之间
- * en - Drag
- *    -- Set the `onDrop` property to drag the node.
- *    -- Set the `dragSibling` property to limit the node drag range to between sibling nodes.
- */
-/// <reference types="react" />
-declare const _default: () => JSX.Element;
-export default _default;

package/cjs/tree/__example__/08-drag.js

@@ -1,46 +0,0 @@
-"use strict";
-
-var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.default = void 0;
-var _slicedToArray2 = _interopRequireDefault(require("@babel/runtime/helpers/slicedToArray"));
-var _react = require("react");
-var _ = require("../..");
-var _utils = require("./utils");
-var _jsxRuntime = require("react/jsx-runtime");
-/**
- * cn - 可拖拽
- *    -- 设置 `onDrop` 属性，可以拖拽节点
- *    -- 设置 `dragSibling` 属性，将限制节点拖拽范围至兄弟节点之间
- * en - Drag
- *    -- Set the `onDrop` property to drag the node.
- *    -- Set the `dragSibling` property to limit the node drag range to between sibling nodes.
- */
-
-var d = (0, _utils.createNestedArray)([4, 1, 1]);
-var _default = function _default() {
-  var _useState = (0, _react.useState)(d),
-    _useState2 = (0, _slicedToArray2.default)(_useState, 2),
-    data = _useState2[0],
-    setData = _useState2[1];
-  var renderItem = function renderItem(node) {
-    return /*#__PURE__*/(0, _jsxRuntime.jsx)("span", {
-      children: "node ".concat(node.id)
-    });
-  };
-  var handleDrag = function handleDrag(data) {
-    setData(data);
-  };
-  return /*#__PURE__*/(0, _jsxRuntime.jsx)("div", {
-    children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_.Tree, {
-      line: false,
-      data: data,
-      keygen: "id",
-      renderItem: renderItem,
-      onDrop: handleDrag
-    })
-  });
-};
-exports.default = _default;

package/cjs/tree/__example__/09-drag-style.d.ts

@@ -1,9 +0,0 @@
-/**
- * cn - 自定义拖拽样式
- *    -- 通过设置 `dragImageStyle` 属性为处于拖拽中跟随鼠标的节点添加样式
- * en - Drag Style
- *    -- Set the `dragImageStyle` property to add style to the node that follows the mouse during dragging
- */
-/// <reference types="react" />
-declare const _default: () => JSX.Element;
-export default _default;

package/cjs/tree/__example__/09-drag-style.js

@@ -1,46 +0,0 @@
-"use strict";
-
-var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.default = void 0;
-var _slicedToArray2 = _interopRequireDefault(require("@babel/runtime/helpers/slicedToArray"));
-var _react = require("react");
-var _ = require("../..");
-var _utils = require("./utils");
-var _jsxRuntime = require("react/jsx-runtime");
-/**
- * cn - 自定义拖拽样式
- *    -- 通过设置 `dragImageStyle` 属性为处于拖拽中跟随鼠标的节点添加样式
- * en - Drag Style
- *    -- Set the `dragImageStyle` property to add style to the node that follows the mouse during dragging
- */
-var _default = function _default() {
-  var _useState = (0, _react.useState)((0, _utils.createNestedArray)([5, 2, 2])),
-    _useState2 = (0, _slicedToArray2.default)(_useState, 2),
-    data = _useState2[0],
-    setData = _useState2[1];
-  var renderItem = function renderItem(node) {
-    return /*#__PURE__*/(0, _jsxRuntime.jsx)("span", {
-      children: "node ".concat(node.id)
-    });
-  };
-  var handleDrag = function handleDrag(data) {
-    setData(data);
-  };
-  return /*#__PURE__*/(0, _jsxRuntime.jsx)("div", {
-    children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_.Tree, {
-      dragImageStyle: {
-        background: '#F1FAEB',
-        border: '2px dashed #74D13D'
-      },
-      line: false,
-      data: data,
-      keygen: "id",
-      renderItem: renderItem,
-      onDrop: handleDrag
-    })
-  });
-};
-exports.default = _default;

package/cjs/tree/__example__/10-highlight.d.ts

@@ -1,9 +0,0 @@
-/**
- * cn - 点击高亮
- *    -- 设置 `highlight` 属性后在点击节点时高亮
- * en - Highlight
- *    -- Set the `highlight` property to highlight the node when clicked.
- */
-/// <reference types="react" />
-declare const _default: () => JSX.Element;
-export default _default;

package/cjs/tree/__example__/10-highlight.js

@@ -1,33 +0,0 @@
-"use strict";
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.default = void 0;
-var _ = require("../..");
-var _utils = require("./utils");
-var _jsxRuntime = require("react/jsx-runtime");
-/**
- * cn - 点击高亮
- *    -- 设置 `highlight` 属性后在点击节点时高亮
- * en - Highlight
- *    -- Set the `highlight` property to highlight the node when clicked.
- */
-var _default = function _default() {
-  var data = (0, _utils.createNestedArray)([5, 1, 1]);
-  var renderItem = function renderItem(node) {
-    return /*#__PURE__*/(0, _jsxRuntime.jsx)("span", {
-      children: "node ".concat(node.id)
-    });
-  };
-  return /*#__PURE__*/(0, _jsxRuntime.jsx)("div", {
-    children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_.Tree, {
-      line: false,
-      highlight: true,
-      data: data,
-      keygen: "id",
-      renderItem: renderItem
-    })
-  });
-};
-exports.default = _default;

package/cjs/tree/__example__/utils.d.ts

@@ -1,9 +0,0 @@
-/**
- * 嵌套数据生成方法
- * [5,3,2] 代表 生成一个包含5条数据的数组，每条数据包含3条子数据，每条子数据包含2条子数据，以此类推
- */
-export declare const createNestedArray: (numbers: number[]) => {
-    id: string;
-    children: never[];
-}[];
-export declare const getIds: (array: [], res?: never[]) => never[];

package/cjs/tree/__example__/utils.js

@@ -1,57 +0,0 @@
-"use strict";
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.getIds = exports.createNestedArray = void 0;
-require("core-js/modules/es.array.map.js");
-require("core-js/modules/web.dom-collections.for-each.js");
-require("core-js/modules/es.array.concat.js");
-/**
- * 嵌套数据生成方法
- * [5,3,2] 代表 生成一个包含5条数据的数组，每条数据包含3条子数据，每条子数据包含2条子数据，以此类推
- */
-var createNestedArray = function createNestedArray(numbers) {
-  var count = 0;
-  var result = new Array(numbers[0]).fill(null).map(function () {
-    return {
-      id: String(count++),
-      children: []
-    };
-  });
-  var currList = result;
-  var _loop = function _loop(i) {
-    var prevList = currList;
-    currList = [];
-    // eslint-disable-next-line @typescript-eslint/no-loop-func
-    prevList.forEach(function (el) {
-      for (var j = 0; j < numbers[i]; j++) {
-        var elem = {
-          id: "".concat(el.id, "-").concat(j),
-          children: []
-        };
-        currList.push(elem);
-        // @ts-ignore
-        el.children.push(elem);
-      }
-    });
-  };
-  for (var i = 1; i < numbers.length; i++) {
-    _loop(i);
-  }
-  return result;
-};
-exports.createNestedArray = createNestedArray;
-var getIds = function getIds(array) {
-  var res = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : [];
-  if (array && array.length > 0) {
-    array.forEach(function (item) {
-      res.push(item.id);
-      if (item.children && item.children.length > 0) {
-        getIds(item.children, res);
-      }
-    });
-  }
-  return res;
-};
-exports.getIds = getIds;

package/cjs/upload/__example__/01-base-0.d.ts

@@ -1,10 +0,0 @@
-/**
- * cn - 基本用法
- *    -- 基础的文件上传, onSuccess 的返回值会作为 value 传给 onChange
- * en - Base
- *    -- Basic usage for uploading file, the onSuccess's returns will be the onChange params
-
- */
-import React from 'react';
-declare const App: React.FC;
-export default App;

package/cjs/upload/__example__/01-base-0.js

@@ -1,48 +0,0 @@
-"use strict";
-
-var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.default = void 0;
-var _slicedToArray2 = _interopRequireDefault(require("@babel/runtime/helpers/slicedToArray"));
-var _react = _interopRequireDefault(require("react"));
-var _ = require("../..");
-var _icon = require("./static/icon");
-var _jsxRuntime = require("react/jsx-runtime");
-/**
- * cn - 基本用法
- *    -- 基础的文件上传, onSuccess 的返回值会作为 value 传给 onChange
- * en - Base
- *    -- Basic usage for uploading file, the onSuccess's returns will be the onChange params
-
- */
-
-var App = function App() {
-  var _React$useState = _react.default.useState([]),
-    _React$useState2 = (0, _slicedToArray2.default)(_React$useState, 2),
-    value = _React$useState2[0],
-    setValue = _React$useState2[1];
-  return /*#__PURE__*/(0, _jsxRuntime.jsx)(_.Upload, {
-    action: "/api/upload",
-    accept: "image/*",
-    value: value,
-    htmlName: "file",
-    onSuccess: function onSuccess(_res, file) {
-      return file.name;
-    },
-    onChange: function onChange(v) {
-      setValue(v);
-    },
-    children: /*#__PURE__*/(0, _jsxRuntime.jsxs)(_.Button, {
-      mode: 'outline',
-      children: [/*#__PURE__*/(0, _jsxRuntime.jsx)(_icon.UploadIcon, {
-        style: {
-          marginInlineEnd: 4
-        }
-      }), "Upload file"]
-    })
-  });
-};
-var _default = App;
-exports.default = _default;

package/cjs/upload/__example__/01-base-1-image.d.ts

@@ -1,10 +0,0 @@
-/**
- * cn - 上传图片
- *    -- 使用 Upload.Image 处理带预览的图片上
- * en - Upload Image
- *    -- Basic usage for uploading file, the onSuccess's returns will be the onChange params
-
- */
-import React from 'react';
-declare const App: React.FC;
-export default App;

package/cjs/upload/__example__/01-base-1-image.js

@@ -1,42 +0,0 @@
-"use strict";
-
-var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.default = void 0;
-var _slicedToArray2 = _interopRequireDefault(require("@babel/runtime/helpers/slicedToArray"));
-var _react = _interopRequireDefault(require("react"));
-var _ = require("../..");
-var _jsxRuntime = require("react/jsx-runtime");
-/**
- * cn - 上传图片
- *    -- 使用 Upload.Image 处理带预览的图片上
- * en - Upload Image
- *    -- Basic usage for uploading file, the onSuccess's returns will be the onChange params
-
- */
-
-var App = function App() {
-  var _React$useState = _react.default.useState([]),
-    _React$useState2 = (0, _slicedToArray2.default)(_React$useState, 2),
-    value = _React$useState2[0],
-    setValue = _React$useState2[1];
-  return /*#__PURE__*/(0, _jsxRuntime.jsx)(_.Upload.Image, {
-    action: "/api/upload",
-    accept: "image/*",
-    value: value,
-    htmlName: "file",
-    recoverAble: true,
-    removeConfirm: "Are you sure to delete it ?",
-    limit: 3,
-    onSuccess: function onSuccess(_res, filem, data) {
-      return data;
-    },
-    onChange: function onChange(v) {
-      setValue(v);
-    }
-  });
-};
-var _default = App;
-exports.default = _default;

package/cjs/upload/__example__/01-base-2-button.d.ts

@@ -1,9 +0,0 @@
-/**
- * cn - 按钮上传
- *    -- 使用 Upload.Button 展示单个文件的上传进度
- * en - Button
- *    -- Use Upload.Button to show the upload progress of individual files
- */
-import React from 'react';
-declare const App: React.FC;
-export default App;

package/cjs/upload/__example__/01-base-2-button.js

@@ -1,31 +0,0 @@
-"use strict";
-
-var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.default = void 0;
-var _react = _interopRequireDefault(require("react"));
-var _ = require("../..");
-var _jsxRuntime = require("react/jsx-runtime");
-/**
- * cn - 按钮上传
- *    -- 使用 Upload.Button 展示单个文件的上传进度
- * en - Button
- *    -- Use Upload.Button to show the upload progress of individual files
- */
-
-var App = function App() {
-  return /*#__PURE__*/(0, _jsxRuntime.jsx)(_.Upload.Button, {
-    type: 'primary',
-    action: "/api/upload",
-    name: "file",
-    onSuccess: function onSuccess(_res, file) {
-      return file.name;
-    },
-    loading: "\u6B63\u5728\u4E0A\u4F20...",
-    placeholder: "\u70B9\u51FB\u4E0A\u4F20"
-  });
-};
-var _default = App;
-exports.default = _default;

package/cjs/upload/__example__/02-result-a.d.ts

@@ -1,10 +0,0 @@
-/**
- * cn - 自定义结果
- *    -- 默认展示的结果和 value 里面所存储的值是一样的, 如果有需求需要, 可以用 renderResult 自行处理
- * en - Custom result
- *    -- The result of the default display is the same as the value stored in the value. If there is a need, you can use the renderResult to handle it yourself.
-
- */
-import React from 'react';
-declare const App: React.FC;
-export default App;

package/cjs/upload/__example__/02-result-a.js

@@ -1,54 +0,0 @@
-"use strict";
-
-var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.default = void 0;
-var _slicedToArray2 = _interopRequireDefault(require("@babel/runtime/helpers/slicedToArray"));
-var _react = _interopRequireDefault(require("react"));
-var _ = require("../..");
-var _icon = require("./static/icon");
-var _jsxRuntime = require("react/jsx-runtime");
-/**
- * cn - 自定义结果
- *    -- 默认展示的结果和 value 里面所存储的值是一样的, 如果有需求需要, 可以用 renderResult 自行处理
- * en - Custom result
- *    -- The result of the default display is the same as the value stored in the value. If there is a need, you can use the renderResult to handle it yourself.
-
- */
-
-var App = function App() {
-  var _React$useState = _react.default.useState([]),
-    _React$useState2 = (0, _slicedToArray2.default)(_React$useState, 2),
-    value = _React$useState2[0],
-    setValue = _React$useState2[1];
-  return /*#__PURE__*/(0, _jsxRuntime.jsx)(_.Upload, {
-    action: "/api/upload",
-    accept: "image/*",
-    value: value,
-    htmlName: "file",
-    renderResult: function renderResult(f) {
-      return f.name;
-    },
-    onSuccess: function onSuccess(_res, file) {
-      return {
-        name: file.name
-      };
-    },
-    onChange: function onChange(v) {
-      setValue(v);
-    },
-    limit: 3,
-    children: /*#__PURE__*/(0, _jsxRuntime.jsxs)(_.Button, {
-      mode: 'outline',
-      children: [/*#__PURE__*/(0, _jsxRuntime.jsx)(_icon.UploadIcon, {
-        style: {
-          marginInlineEnd: 4
-        }
-      }), "Upload file"]
-    })
-  });
-};
-var _default = App;
-exports.default = _default;

package/cjs/upload/__example__/02-result-image.d.ts

@@ -1,9 +0,0 @@
-/**
- * cn - 自定义图片
- *    -- 使用  renderContent 可以自定义上传之后的图片结果.
- * en - Custom Image
- *    -- Use renderContent to customize the image results after uploading.
- */
-import React from 'react';
-declare const App: React.FC;
-export default App;

package/cjs/upload/__example__/02-result-image.js

@@ -1,48 +0,0 @@
-"use strict";
-
-var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.default = void 0;
-var _react = _interopRequireDefault(require("react"));
-var _ = require("../..");
-var _jsxRuntime = require("react/jsx-runtime");
-/**
- * cn - 自定义图片
- *    -- 使用  renderContent 可以自定义上传之后的图片结果.
- * en - Custom Image
- *    -- Use renderContent to customize the image results after uploading.
- */
-
-var App = function App() {
-  return /*#__PURE__*/(0, _jsxRuntime.jsx)(_.Upload.Image, {
-    action: "/api/upload",
-    accept: "image/*",
-    name: "file",
-    onSuccess: function onSuccess(_res, _file, data) {
-      return {
-        data: data
-      };
-    },
-    renderResult: function renderResult(f) {
-      return f.data;
-    },
-    limit: 3,
-    renderContent: function renderContent(d, v, i, values) {
-      console.log(d, v, i, values);
-      return /*#__PURE__*/(0, _jsxRuntime.jsx)("div", {
-        onClick: function onClick() {
-          return _.Message.info('i am click');
-        },
-        children: /*#__PURE__*/(0, _jsxRuntime.jsx)("img", {
-          width: "100%",
-          src: d,
-          alt: "not found"
-        })
-      });
-    }
-  });
-};
-var _default = App;
-exports.default = _default;

package/cjs/upload/__example__/03-confirm.d.ts

@@ -1,9 +0,0 @@
-/**
- * cn - 删除确认
- *    -- 设置 removeConfirm 属性来开启删除前确认
- * en - Remove Confirm
- *    -- Set the removeConfirm property to enable confirmation before deleting
- */
-import React from 'react';
-declare const App: React.FC;
-export default App;

package/cjs/upload/__example__/03-confirm.js

@@ -1,64 +0,0 @@
-"use strict";
-
-var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.default = void 0;
-var _react = _interopRequireDefault(require("react"));
-var _ = require("../..");
-var _icon = require("./static/icon");
-var _jsxRuntime = require("react/jsx-runtime");
-/**
- * cn - 删除确认
- *    -- 设置 removeConfirm 属性来开启删除前确认
- * en - Remove Confirm
- *    -- Set the removeConfirm property to enable confirmation before deleting
- */
-
-var df = [{
-  name: 'mountain.png',
-  data: 'https://raw.githubusercontent.com/sheinsight/shineout-static/main/shineout-next/images/image/s-01.png'
-}];
-var App = function App() {
-  return /*#__PURE__*/(0, _jsxRuntime.jsxs)("div", {
-    children: [/*#__PURE__*/(0, _jsxRuntime.jsx)(_.Upload, {
-      defaultValue: df,
-      action: "/api/upload",
-      renderResult: function renderResult(d) {
-        return d.name;
-      },
-      onSuccess: function onSuccess(_res, file) {
-        return {
-          name: file.name
-        };
-      },
-      removeConfirm: "Are you sure to delete it ?",
-      children: /*#__PURE__*/(0, _jsxRuntime.jsxs)(_.Button, {
-        mode: 'outline',
-        children: [/*#__PURE__*/(0, _jsxRuntime.jsx)(_icon.UploadIcon, {
-          style: {
-            marginInlineEnd: 4
-          }
-        }), "Upload file"]
-      })
-    }), /*#__PURE__*/(0, _jsxRuntime.jsx)(_.Upload.Image, {
-      style: {
-        marginTop: 24
-      },
-      defaultValue: df,
-      action: "/api/upload",
-      renderResult: function renderResult(d) {
-        return d.data;
-      },
-      onSuccess: function onSuccess(_res, file, data) {
-        return {
-          data: data
-        };
-      },
-      removeConfirm: "Are you sure to delete it ?"
-    })]
-  });
-};
-var _default = App;
-exports.default = _default;

package/cjs/upload/__example__/04-recover.d.ts

@@ -1,9 +0,0 @@
-/**
- * cn - 撤销删除
- *    -- 设置 recoverAble 属性来开启撤销删除
- * en - Recover Delete
- *    -- Set the recoverAble property to enable recover delete
- */
-import React from 'react';
-declare const App: React.FC;
-export default App;

package/cjs/upload/__example__/04-recover.js

@@ -1,65 +0,0 @@
-"use strict";
-
-var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.default = void 0;
-var _react = _interopRequireDefault(require("react"));
-var _ = require("../..");
-var _icon = require("./static/icon");
-var _jsxRuntime = require("react/jsx-runtime");
-/**
- * cn - 撤销删除
- *    -- 设置 recoverAble 属性来开启撤销删除
- * en - Recover Delete
- *    -- Set the recoverAble property to enable recover delete
- */
-
-var df = [{
-  name: 'mountain.png',
-  data: 'https://raw.githubusercontent.com/sheinsight/shineout-static/main/shineout-next/images/image/s-01.png'
-}];
-var App = function App() {
-  return /*#__PURE__*/(0, _jsxRuntime.jsxs)("div", {
-    children: [/*#__PURE__*/(0, _jsxRuntime.jsx)(_.Upload, {
-      defaultValue: df,
-      action: "/api/upload",
-      recoverAble: true,
-      renderResult: function renderResult(d) {
-        return d.name;
-      },
-      onSuccess: function onSuccess(_res, file) {
-        return {
-          name: file.name
-        };
-      },
-      children: /*#__PURE__*/(0, _jsxRuntime.jsxs)(_.Button, {
-        mode: 'outline',
-        children: [/*#__PURE__*/(0, _jsxRuntime.jsx)(_icon.UploadIcon, {
-          style: {
-            marginInlineEnd: 4
-          }
-        }), "Upload file"]
-      })
-    }), /*#__PURE__*/(0, _jsxRuntime.jsx)(_.Upload.Image, {
-      style: {
-        marginTop: 24
-      },
-      defaultValue: df,
-      action: "/api/upload",
-      renderResult: function renderResult(d) {
-        return d.data;
-      },
-      onSuccess: function onSuccess(_res, file, data) {
-        return {
-          data: data,
-          name: file.name
-        };
-      },
-      recoverAble: true
-    })]
-  });
-};
-var _default = App;
-exports.default = _default;

package/cjs/upload/__example__/05-validate-image.d.ts

@@ -1,9 +0,0 @@
-/**
- * cn - 校验尺寸
- *    -- 通过 validator.imageSize 校验图片长宽，本例为 200px * 100px
- * en - Validator Image Size
- *    -- Set validator.imageSize to validate the width and height of the image.
- */
-import React from 'react';
-declare const App: React.FC;
-export default App;