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

package/cjs/tag/__example__/s-004-color.js

@@ -1,38 +0,0 @@
-"use strict";
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.default = void 0;
-require("core-js/modules/es.array.map.js");
-var _ = require("../..");
-var _jsxRuntime = require("react/jsx-runtime");
-/**
- * cn - 多色标签
- *    -- 除常用 5 种常用的基本功能色外，组件还提供了其他色系的标签。
- *    -- 注意，`type` 属性将弃用，`color` 属性同样支持 type 同属性值的样式。
- * en - Color
- *    -- In addition to the five basic functions of the commonly used tag, the component also provides tags of other colors.
- *    -- Note that the `type` property will be deprecated, and the `color` property also supports the style of the same property value as type.
- */
-var _default = function _default() {
-  var TagColor = ['tangerine', 'magenta', 'purple', 'indigo', 'cyan', 'neon', 'lemon', 'orange'];
-  var TagMode = ['bright', 'fill', 'outline', 'brightOutline'];
-  return /*#__PURE__*/(0, _jsxRuntime.jsx)("div", {
-    children: TagMode.map(function (mode, midx) {
-      return /*#__PURE__*/(0, _jsxRuntime.jsx)("div", {
-        style: {
-          marginBottom: 24
-        },
-        children: TagColor.map(function (color, cidx) {
-          return /*#__PURE__*/(0, _jsxRuntime.jsx)(_.Tag, {
-            mode: mode,
-            color: color,
-            children: "Tag"
-          }, cidx);
-        })
-      }, midx);
-    })
-  });
-};
-exports.default = _default;

package/cjs/tag/__example__/s-005-dynamic.d.ts

@@ -1,9 +0,0 @@
-/**
- * cn - 可删除和添加标签
- *    -- 通过数组生成tags,动态增改
- * en - Delete and add tags
- *    -- Generate tags through arrays, dynamically increase and change
- */
-/// <reference types="react" />
-declare const _default: () => JSX.Element;
-export default _default;

package/cjs/tag/__example__/s-005-dynamic.js

@@ -1,69 +0,0 @@
-"use strict";
-
-var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.default = void 0;
-require("core-js/modules/es.array.filter.js");
-require("core-js/modules/es.array.index-of.js");
-require("core-js/modules/es.array.concat.js");
-require("core-js/modules/es.array.map.js");
-var _toConsumableArray2 = _interopRequireDefault(require("@babel/runtime/helpers/toConsumableArray"));
-var _slicedToArray2 = _interopRequireDefault(require("@babel/runtime/helpers/slicedToArray"));
-var _react = require("react");
-var _ = require("../..");
-var _jsxRuntime = require("react/jsx-runtime");
-/**
- * cn - 可删除和添加标签
- *    -- 通过数组生成tags,动态增改
- * en - Delete and add tags
- *    -- Generate tags through arrays, dynamically increase and change
- */
-var _default = function _default() {
-  var _useState = (0, _react.useState)(['Tag 1', 'Tag 2', 'Tag 3']),
-    _useState2 = (0, _slicedToArray2.default)(_useState, 2),
-    tags = _useState2[0],
-    setTags = _useState2[1];
-  var _useState3 = (0, _react.useState)(false),
-    _useState4 = (0, _slicedToArray2.default)(_useState3, 2),
-    inputVisible = _useState4[0],
-    setInputVisible = _useState4[1];
-  var remove = function remove(removedTag) {
-    var t = tags.filter(function (tag) {
-      return tag !== removedTag;
-    });
-    setTags(t);
-  };
-  var showInput = function showInput() {
-    setInputVisible(true);
-  };
-  var handleInputBlur = function handleInputBlur(value) {
-    var newTags = tags;
-    if (value && tags.indexOf(value) === -1) {
-      newTags = [].concat((0, _toConsumableArray2.default)(tags), [value]);
-    }
-    setTags(newTags);
-    setInputVisible(false);
-  };
-  return /*#__PURE__*/(0, _jsxRuntime.jsxs)("div", {
-    children: [tags.map(function (a) {
-      return /*#__PURE__*/(0, _jsxRuntime.jsx)(_.Tag, {
-        onClose: function onClose() {
-          return remove(a);
-        },
-        children: a
-      }, a);
-    }), inputVisible ? /*#__PURE__*/(0, _jsxRuntime.jsx)(_.Tag.Input, {
-      onBlur: handleInputBlur
-    }) : /*#__PURE__*/(0, _jsxRuntime.jsx)(_.Tag, {
-      onClick: showInput,
-      style: {
-        background: '#fff',
-        borderStyle: 'dashed'
-      },
-      children: "+ New Tag"
-    })]
-  });
-};
-exports.default = _default;

package/cjs/tag/__example__/s-006-editable.d.ts

@@ -1,9 +0,0 @@
-/**
- * cn - 可编辑标签
- *    -- 通过设置 `onCompleted` 属性开启编辑模式，编辑完成后会调用该函数，参数为编辑后的值。
- * en - onCompleted
- *    -- Set the `onCompleted` property to enable edit mode, and the function will be called after editing is completed, and the parameter is the edited value.
- */
-/// <reference types="react" />
-declare const _default: () => JSX.Element;
-export default _default;

package/cjs/tag/__example__/s-006-editable.js

@@ -1,35 +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 _jsxRuntime = require("react/jsx-runtime");
-/**
- * cn - 可编辑标签
- *    -- 通过设置 `onCompleted` 属性开启编辑模式，编辑完成后会调用该函数，参数为编辑后的值。
- * en - onCompleted
- *    -- Set the `onCompleted` property to enable edit mode, and the function will be called after editing is completed, and the parameter is the edited value.
- */
-var _default = function _default() {
-  var _useState = (0, _react.useState)('abc'),
-    _useState2 = (0, _slicedToArray2.default)(_useState, 2),
-    value = _useState2[0],
-    setValue = _useState2[1];
-  return /*#__PURE__*/(0, _jsxRuntime.jsx)("div", {
-    children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_.Tag, {
-      onCompleted: function onCompleted(val) {
-        setValue(val);
-      },
-      onClose: function onClose() {
-        console.log('close');
-      },
-      children: value
-    })
-  });
-};
-exports.default = _default;

package/cjs/tag/__example__/s-007-shape.d.ts

@@ -1,9 +0,0 @@
-/**
- * cn - 标签形状
- *    -- 通过设置 `shape` 属性可以设置标签的形状，可选值为 rounded 全圆角形。
- * en - Shape
- *    -- The shape of the tag can be set by setting the `shape` property. The optional value is rounded.
- */
-/// <reference types="react" />
-declare const _default: () => JSX.Element;
-export default _default;

package/cjs/tag/__example__/s-007-shape.js

@@ -1,25 +0,0 @@
-"use strict";
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.default = void 0;
-var _ = require("../..");
-var _jsxRuntime = require("react/jsx-runtime");
-/**
- * cn - 标签形状
- *    -- 通过设置 `shape` 属性可以设置标签的形状，可选值为 rounded 全圆角形。
- * en - Shape
- *    -- The shape of the tag can be set by setting the `shape` property. The optional value is rounded.
- */
-var _default = function _default() {
-  return /*#__PURE__*/(0, _jsxRuntime.jsxs)("div", {
-    children: [/*#__PURE__*/(0, _jsxRuntime.jsx)(_.Tag, {
-      children: "Default"
-    }), /*#__PURE__*/(0, _jsxRuntime.jsx)(_.Tag, {
-      shape: "rounded",
-      children: "Rounded"
-    })]
-  });
-};
-exports.default = _default;

package/cjs/textarea/__example__/01-base.d.ts

@@ -1,3 +0,0 @@
-/// <reference types="react" />
-declare const _default: () => JSX.Element;
-export default _default;

package/cjs/textarea/__example__/01-base.js

@@ -1,21 +0,0 @@
-"use strict";
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.default = void 0;
-var _ = require("../..");
-var _jsxRuntime = require("react/jsx-runtime");
-/**
- * cn - 基本用法
- *    --基础 textarea 用法
- * en - Base
- *    --Base Textarea
- */
-var _default = function _default() {
-  return /*#__PURE__*/(0, _jsxRuntime.jsx)(_.Textarea, {
-    autoFocus: true,
-    placeholder: "input something"
-  });
-};
-exports.default = _default;

package/cjs/textarea/__example__/02-size.d.ts

@@ -1,9 +0,0 @@
-/**
- * cn - 尺寸
- *    -- 提供了三种尺寸 small default large
- * en - Size
- *    -- There are three sizes: small, default, and large.
- */
-import React from 'react';
-declare const App: React.FC;
-export default App;

package/cjs/textarea/__example__/02-size.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 _react = _interopRequireDefault(require("react"));
-var _ = require("../..");
-var _jsxRuntime = require("react/jsx-runtime");
-/**
- * cn - 尺寸
- *    -- 提供了三种尺寸 small default large
- * en - Size
- *    -- There are three sizes: small, default, and large.
- */
-
-var style = {
-  width: 120,
-  marginInlineEnd: 12
-};
-var App = function App() {
-  return /*#__PURE__*/(0, _jsxRuntime.jsxs)("div", {
-    children: [/*#__PURE__*/(0, _jsxRuntime.jsx)(_.Textarea, {
-      size: "small",
-      rows: 3,
-      style: style,
-      placeholder: "small size"
-    }), /*#__PURE__*/(0, _jsxRuntime.jsx)(_.Textarea, {
-      style: style,
-      rows: 3,
-      placeholder: "default size"
-    }), /*#__PURE__*/(0, _jsxRuntime.jsx)(_.Textarea, {
-      size: "large",
-      rows: 3,
-      style: style,
-      placeholder: "large size"
-    })]
-  });
-};
-var _default = App;
-exports.default = _default;

package/cjs/textarea/__example__/03-autosize.d.ts

@@ -1,3 +0,0 @@
-/// <reference types="react" />
-declare const _default: () => JSX.Element;
-export default _default;

package/cjs/textarea/__example__/03-autosize.js

@@ -1,23 +0,0 @@
-"use strict";
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.default = void 0;
-var _ = require("../..");
-var _jsxRuntime = require("react/jsx-runtime");
-/**
- * cn - 自适应高度
- *    -- autosize 为 true 时， rows 为最小高度，如果要设置最大高度，使用 maxHeight 即可
- * en - 自适应高度
- *    -- autosize 为 true 时， rows 为最小高度，如果要设置最大高度，使用 maxHeight 即可
- */
-var _default = function _default() {
-  return /*#__PURE__*/(0, _jsxRuntime.jsx)(_.Textarea, {
-    autosize: true,
-    rows: 2,
-    placeholder: "Please enter content, the height can be automatically adjusted",
-    maxHeight: 150
-  });
-};
-exports.default = _default;

package/cjs/textarea/__example__/04-info.d.ts

@@ -1,11 +0,0 @@
-/**
- * cn - 信息
- *    -- 设置 info 为数字, 设定最大长度，用户 focus 时会显示用户已输入文字长度。
- *    -- 如果超出长度， 则会报错. 不会隐藏。
- * en - Info
- *    -- Set info to number, set the maximum length, and the user's focus shows the length of text that the user has entered.
- *    -- If the length is exceeded, the error is reported. It is not hidden.
- */
-import React from 'react';
-declare const App: React.FC;
-export default App;

package/cjs/textarea/__example__/04-info.js

@@ -1,29 +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 - 信息
- *    -- 设置 info 为数字, 设定最大长度，用户 focus 时会显示用户已输入文字长度。
- *    -- 如果超出长度， 则会报错. 不会隐藏。
- * en - Info
- *    -- Set info to number, set the maximum length, and the user's focus shows the length of text that the user has entered.
- *    -- If the length is exceeded, the error is reported. It is not hidden.
- */
-
-var App = function App() {
-  return /*#__PURE__*/(0, _jsxRuntime.jsx)(_.Textarea, {
-    rows: 4,
-    trim: true,
-    placeholder: "input something",
-    info: 10
-  });
-};
-var _default = App;
-exports.default = _default;

package/cjs/textarea/__example__/05-custom.d.ts

@@ -1,11 +0,0 @@
-/**
- * cn - 自定义信息
- *    -- 可以通过设置 info 为函数去自定义提示信息
- *     -- 如果 info 返回类型为 Error，不会隐藏。
- * en - Custom Info
- *    -- can customize the info by setting info as a function
- *    -- if the functio return an Error , the info doesn't hide
- */
-import React from 'react';
-declare const App: React.FC;
-export default App;

package/cjs/textarea/__example__/05-custom.js

@@ -1,35 +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 - 自定义信息
- *    -- 可以通过设置 info 为函数去自定义提示信息
- *     -- 如果 info 返回类型为 Error，不会隐藏。
- * en - Custom Info
- *    -- can customize the info by setting info as a function
- *    -- if the functio return an Error , the info doesn't hide
- */
-
-var renderInfo = function renderInfo(value) {
-  if (!value || value.length === 0) return null;
-  var text = "total is  ".concat(value.length);
-  if (value.length <= 20) return text;
-  return new Error(text);
-};
-var App = function App() {
-  return /*#__PURE__*/(0, _jsxRuntime.jsx)(_.Textarea, {
-    rows: 4,
-    trim: true,
-    placeholder: "input something",
-    info: renderInfo
-  });
-};
-var _default = App;
-exports.default = _default;

package/cjs/textarea/__example__/06-footer.d.ts

@@ -1,9 +0,0 @@
-/**
- * cn - 渲染底部信息
- *    -- 渲染 textarea footer
- * en - RenderFooter
- *    -- render textarea footer
- */
-import React from 'react';
-declare const App: React.FC;
-export default App;

package/cjs/textarea/__example__/06-footer.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 _react = _interopRequireDefault(require("react"));
-var _ = require("../..");
-var _jsxRuntime = require("react/jsx-runtime");
-/**
- * cn - 渲染底部信息
- *    -- 渲染 textarea footer
- * en - RenderFooter
- *    -- render textarea footer
- */
-
-function renderFooter() {
-  var text = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : '';
-  var style = {
-    color: text.length > 20 ? 'var(--danger-6,#CC3D3A)' : 'inherit'
-  };
-  return /*#__PURE__*/(0, _jsxRuntime.jsxs)("div", {
-    style: {
-      textAlign: 'right',
-      color: 'var(--neutral-text-2, #b3b7c1)'
-    },
-    children: [/*#__PURE__*/(0, _jsxRuntime.jsx)("span", {
-      style: style,
-      children: text.length
-    }), " / 20"]
-  });
-}
-var App = function App() {
-  return /*#__PURE__*/(0, _jsxRuntime.jsx)(_.Textarea, {
-    rows: 3,
-    renderFooter: renderFooter,
-    placeholder: "input something"
-  });
-};
-var _default = App;
-exports.default = _default;

package/cjs/textarea/__example__/t-01-validate.d.ts

@@ -1,3 +0,0 @@
-/// <reference types="react" />
-declare const _default: () => JSX.Element;
-export default _default;

package/cjs/textarea/__example__/t-01-validate.js

@@ -1,24 +0,0 @@
-"use strict";
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.default = void 0;
-var _ = require("../..");
-var _jsxRuntime = require("react/jsx-runtime");
-/**
- * cn - Rules
- *   --
- * en - Rules
- *    --
- */
-
-var rule = (0, _.Rule)();
-var _default = function _default() {
-  return /*#__PURE__*/(0, _jsxRuntime.jsx)(_.Textarea, {
-    rules: [rule.required('必填')],
-    tip: 'input something',
-    placeholder: "input something"
-  });
-};
-exports.default = _default;

package/cjs/textarea/__example__/t-02-innerTitle.d.ts

@@ -1,3 +0,0 @@
-/// <reference types="react" />
-declare const _default: () => JSX.Element;
-export default _default;

package/cjs/textarea/__example__/t-02-innerTitle.js

@@ -1,25 +0,0 @@
-"use strict";
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.default = void 0;
-var _ = require("../..");
-var _jsxRuntime = require("react/jsx-runtime");
-/**
- * cn - innerTitle
- *   --
- * en - innerTitle
- *    --
- */
-
-var rule = (0, _.Rule)();
-var _default = function _default() {
-  return /*#__PURE__*/(0, _jsxRuntime.jsx)(_.Textarea, {
-    rows: 1,
-    innerTitle: 'hello world',
-    rules: [rule.required('必填')],
-    placeholder: "input something"
-  });
-};
-exports.default = _default;

package/cjs/tooltip/__example__/example-01-base.d.ts

@@ -1,11 +0,0 @@
-/**
- * cn - 基本用法
- *    -- children 只能为一个 ReactElement 并且不可以使用 Fragment
- *    -- 内置了四个弹出方向
- * en - Base
- *    -- children can only be a ReactElement and cannot be a Fragment
- *    -- There are four pop-up directions built in.
- */
-import React from 'react';
-declare const App: React.FC;
-export default App;

package/cjs/tooltip/__example__/example-01-base.js

@@ -1,33 +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 - 基本用法
- *    -- children 只能为一个 ReactElement 并且不可以使用 Fragment
- *    -- 内置了四个弹出方向
- * en - Base
- *    -- children can only be a ReactElement and cannot be a Fragment
- *    -- There are four pop-up directions built in.
- */
-
-var App = function App() {
-  return /*#__PURE__*/(0, _jsxRuntime.jsx)("div", {
-    children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_.Tooltip, {
-      tip: "hello world",
-      trigger: "focus",
-      children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_.Button, {
-        type: "primary",
-        children: "hover me"
-      })
-    })
-  });
-};
-var _default = App;
-exports.default = _default;

package/cjs/tooltip/__example__/example-02-position.d.ts

@@ -1,9 +0,0 @@
-/**
- * cn - 弹出位置
- *    -- 内置了十二个弹出的位置
- * en - Position
- *    -- Twelve pop-up positions are built in.
- */
-import React from 'react';
-declare const App: React.FC;
-export default App;

package/cjs/tooltip/__example__/example-02-position.js

@@ -1,54 +0,0 @@
-"use strict";
-
-require("core-js/modules/es.array.filter.js");
-require("core-js/modules/web.dom-collections.for-each.js");
-require("core-js/modules/es.object.get-own-property-descriptors.js");
-var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.default = void 0;
-var _defineProperty2 = _interopRequireDefault(require("@babel/runtime/helpers/defineProperty"));
-require("core-js/modules/es.array.map.js");
-var _react = _interopRequireDefault(require("react"));
-var _ = require("../..");
-var _jsxRuntime = require("react/jsx-runtime");
-function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); enumerableOnly && (symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
-function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys(Object(source), !0).forEach(function (key) { (0, _defineProperty2.default)(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
-var positions = [[undefined, 'bottom-left', 'bottom', 'bottom-right', undefined], ['right-top', undefined, undefined, undefined, 'left-top'], ['right', undefined, undefined, undefined, 'left'], ['right-bottom', undefined, undefined, undefined, 'left-bottom'], [undefined, 'top-left', 'top', 'top-right', undefined]];
-var style = {
-  margin: 4,
-  width: 100,
-  display: 'inline-block'
-};
-var App = function App() {
-  return /*#__PURE__*/(0, _jsxRuntime.jsx)("div", {
-    children: positions.map(function (row, i) {
-      return /*#__PURE__*/(0, _jsxRuntime.jsx)("div", {
-        children: row.map(function (p, j) {
-          return p ? /*#__PURE__*/(0, _jsxRuntime.jsx)(_.Tooltip, {
-            position: p,
-            tip: /*#__PURE__*/(0, _jsxRuntime.jsxs)("div", {
-              children: [/*#__PURE__*/(0, _jsxRuntime.jsx)("div", {
-                children: "i am popover content"
-              }), /*#__PURE__*/(0, _jsxRuntime.jsx)("div", {
-                children: p
-              })]
-            }),
-            children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_.Button, {
-              mode: 'outline',
-              style: style,
-              children: p
-            }, j)
-          }, j) : /*#__PURE__*/(0, _jsxRuntime.jsx)("div", {
-            style: _objectSpread(_objectSpread({}, style), {}, {
-              border: 0
-            })
-          }, j);
-        })
-      }, i);
-    })
-  });
-};
-var _default = App;
-exports.default = _default;

package/cjs/tooltip/__example__/example-03-01-click.d.ts

@@ -1,9 +0,0 @@
-/**
- * cn - 点击触发
- *    -- 默认触发事件为 hover，如果需要点击触发，可以设置 `trigger` 为 'click'
- * en - Click
- *    -- Set the trigger property to change the `trigger` event to 'click'.
- */
-import React from 'react';
-declare const App: React.FC;
-export default App;