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

package/esm/checkbox/__example__/007-disabled-2.js

@@ -1,34 +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 -
- *    -- disabled 为函数时，根据函数结果实现有条件禁用
- * en -
- *    -- When the disabled property is a function, the conditional disable is implemented according to the function result.
- */
-
-var data = ['red', 'orange', 'yellow', 'green', 'cyan', 'blue', 'violet'];
-var App = function App() {
-  return /*#__PURE__*/(0, _jsxRuntime.jsx)(_jsxRuntime.Fragment, {
-    children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_.Checkbox.Group, {
-      disabled: function disabled(d) {
-        return d === 'yellow';
-      },
-      keygen: function keygen(c) {
-        return c;
-      },
-      data: data,
-      defaultValue: ['blue', 'cyan']
-    })
-  });
-};
-var _default = App;
-exports.default = _default;

package/esm/checkbox/__example__/009-click.d.ts

@@ -1,9 +0,0 @@
-/**
- * cn - 点击回调
- *    -- 点击选择框后的回调
- * en - OnClick
- *    -- Checkbox click callback
- */
-import React from 'react';
-declare const App: React.FC;
-export default App;

package/esm/checkbox/__example__/009-click.js

@@ -1,40 +0,0 @@
-"use strict";
-
-require("core-js/modules/es.array.iterator.js");
-require("core-js/modules/es.weak-map.js");
-require("core-js/modules/web.dom-collections.iterator.js");
-var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
-var _typeof = require("@babel/runtime/helpers/typeof");
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.default = void 0;
-var _slicedToArray2 = _interopRequireDefault(require("@babel/runtime/helpers/slicedToArray"));
-var _react = _interopRequireWildcard(require("react"));
-var _ = require("../..");
-var _jsxRuntime = require("react/jsx-runtime");
-function _getRequireWildcardCache(nodeInterop) { if (typeof WeakMap !== "function") return null; var cacheBabelInterop = new WeakMap(); var cacheNodeInterop = new WeakMap(); return (_getRequireWildcardCache = function _getRequireWildcardCache(nodeInterop) { return nodeInterop ? cacheNodeInterop : cacheBabelInterop; })(nodeInterop); }
-function _interopRequireWildcard(obj, nodeInterop) { if (!nodeInterop && obj && obj.__esModule) { return obj; } if (obj === null || _typeof(obj) !== "object" && typeof obj !== "function") { return { default: obj }; } var cache = _getRequireWildcardCache(nodeInterop); if (cache && cache.has(obj)) { return cache.get(obj); } var newObj = {}; var hasPropertyDescriptor = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var key in obj) { if (key !== "default" && Object.prototype.hasOwnProperty.call(obj, key)) { var desc = hasPropertyDescriptor ? Object.getOwnPropertyDescriptor(obj, key) : null; if (desc && (desc.get || desc.set)) { Object.defineProperty(newObj, key, desc); } else { newObj[key] = obj[key]; } } } newObj.default = obj; if (cache) { cache.set(obj, newObj); } return newObj; }
-/**
- * cn - 点击回调
- *    -- 点击选择框后的回调
- * en - OnClick
- *    -- Checkbox click callback
- */
-
-var App = function App() {
-  var _useState = (0, _react.useState)(0),
-    _useState2 = (0, _slicedToArray2.default)(_useState, 2),
-    total = _useState2[0],
-    setTotal = _useState2[1];
-  return /*#__PURE__*/(0, _jsxRuntime.jsx)("div", {
-    children: /*#__PURE__*/(0, _jsxRuntime.jsxs)(_.Checkbox, {
-      onClick: function onClick() {
-        return setTotal(total + 1);
-      },
-      children: ["Click Me", " ".concat(total, " Times!")]
-    })
-  });
-};
-var _default = App;
-exports.default = _default;

package/esm/checkbox/__example__/t-001-seprator.d.ts

@@ -1,9 +0,0 @@
-/**
- * cn - separator
- *    -- 通过 separator 属性设置分隔符
- * en - separator
- *    -- Set the separator by separator property
- */
-import React from 'react';
-declare const App: React.FC;
-export default App;

package/esm/checkbox/__example__/t-001-seprator.js

@@ -1,55 +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.map.js");
-var _react = _interopRequireDefault(require("react"));
-var _ = require("../..");
-var _jsxRuntime = require("react/jsx-runtime");
-/**
- * cn - separator
- *    -- 通过 separator 属性设置分隔符
- * en - separator
- *    -- Set the separator by separator property
- */
-
-var data = [{
-  id: '1',
-  color: 'red'
-}, {
-  id: '2',
-  color: 'cyan'
-}, {
-  id: '3',
-  color: 'blue'
-}, {
-  id: '4',
-  color: 'green'
-}, {
-  id: '5',
-  color: 'yellow'
-}, {
-  id: '6',
-  color: 'orange'
-}, {
-  id: '7',
-  color: 'violet'
-}];
-var App = function App() {
-  return /*#__PURE__*/(0, _jsxRuntime.jsx)(_.Checkbox.Group, {
-    separator: ',',
-    keygen: "id",
-    defaultValue: '3,5',
-    children: data.map(function (d) {
-      return /*#__PURE__*/(0, _jsxRuntime.jsx)(_.Checkbox, {
-        htmlValue: d.id,
-        children: d.color
-      }, d.id);
-    })
-  });
-};
-var _default = App;
-exports.default = _default;

package/esm/checkbox/__example__/t-002-inputable.d.ts

@@ -1,9 +0,0 @@
-/**
- * cn - 带输入（deprecated）
- *    -- 设置 inputable 属性可以显示输入框，返回值为输入框内容
- * en - Inputable
- *    -- Set the inputable property to true can show the input box and the return value is the value of the input box.
- */
-import React from 'react';
-declare const App: React.FC;
-export default App;

package/esm/checkbox/__example__/t-002-inputable.js

@@ -1,26 +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 - 带输入（deprecated）
- *    -- 设置 inputable 属性可以显示输入框，返回值为输入框内容
- * en - Inputable
- *    -- Set the inputable property to true can show the input box and the return value is the value of the input box.
- */
-
-var App = function App() {
-  return /*#__PURE__*/(0, _jsxRuntime.jsx)(_.Checkbox, {
-    inputable: true,
-    onChange: console.log,
-    children: "more..."
-  });
-};
-var _default = App;
-exports.default = _default;

package/esm/date-picker/__example__/01-base.d.ts

@@ -1,9 +0,0 @@
-/**
- * cn - 基本用法
- *    -- 最基本的用法
- * en - Base
- *    -- The basic usage
- */
-import React from 'react';
-declare const App: React.FC;
-export default App;

package/esm/date-picker/__example__/01-base.js

@@ -1,24 +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 - 基本用法
- *    -- 最基本的用法
- * en - Base
- *    -- The basic usage
- */
-
-var App = function App() {
-  return /*#__PURE__*/(0, _jsxRuntime.jsx)(_.DatePicker, {
-    showSelNow: true
-  });
-};
-var _default = App;
-exports.default = _default;

package/esm/date-picker/__example__/02-datetime.d.ts

@@ -1,9 +0,0 @@
-/**
- * cn - 选择日期时间
- *    -- 设置 type 为 datetime，选择日期 + 时间
- * en - Datetime Mode
- *    -- Set type to be datetime to select date and time.
- */
-import React from 'react';
-declare const App: React.FC;
-export default App;

package/esm/date-picker/__example__/02-datetime.js

@@ -1,24 +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 - 选择日期时间
- *    -- 设置 type 为 datetime，选择日期 + 时间
- * en - Datetime Mode
- *    -- Set type to be datetime to select date and time.
- */
-
-var App = function App() {
-  return /*#__PURE__*/(0, _jsxRuntime.jsx)(_.DatePicker, {
-    type: "datetime"
-  });
-};
-var _default = App;
-exports.default = _default;

package/esm/date-picker/__example__/03-size.d.ts

@@ -1,9 +0,0 @@
-/**
- * cn - 尺寸
- *    -- 内置了三种尺寸，small、default、large
- * en - Size
- *    -- There are three built-in size: small、default、large.
- */
-import React from 'react';
-declare const App: React.FC;
-export default App;

package/esm/date-picker/__example__/03-size.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 _slicedToArray2 = _interopRequireDefault(require("@babel/runtime/helpers/slicedToArray"));
-var _react = _interopRequireDefault(require("react"));
-var _ = require("../..");
-var _jsxRuntime = require("react/jsx-runtime");
-/**
- * cn - 尺寸
- *    -- 内置了三种尺寸，small、default、large
- * en - Size
- *    -- There are three built-in size: small、default、large.
- */
-
-var Size = ['small', 'default', 'large'];
-var App = function App() {
-  var _React$useState = _react.default.useState('default'),
-    _React$useState2 = (0, _slicedToArray2.default)(_React$useState, 2),
-    size = _React$useState2[0],
-    setSize = _React$useState2[1];
-  return /*#__PURE__*/(0, _jsxRuntime.jsxs)("div", {
-    children: [/*#__PURE__*/(0, _jsxRuntime.jsx)(_.Radio.Group, {
-      button: 'outline',
-      data: Size,
-      value: size,
-      onChange: setSize,
-      keygen: true,
-      style: {
-        marginBottom: 24
-      }
-    }), /*#__PURE__*/(0, _jsxRuntime.jsx)("br", {}), /*#__PURE__*/(0, _jsxRuntime.jsx)(_.DatePicker, {
-      size: size,
-      type: "date",
-      style: {
-        marginBottom: 16
-      }
-    }), " ", /*#__PURE__*/(0, _jsxRuntime.jsx)("br", {}), /*#__PURE__*/(0, _jsxRuntime.jsx)(_.DatePicker, {
-      size: size,
-      type: "datetime",
-      style: {
-        marginBottom: 16
-      }
-    }), " ", /*#__PURE__*/(0, _jsxRuntime.jsx)("br", {}), /*#__PURE__*/(0, _jsxRuntime.jsx)(_.DatePicker, {
-      size: size,
-      type: "date",
-      range: true,
-      style: {
-        marginBottom: 16
-      }
-    }), " ", /*#__PURE__*/(0, _jsxRuntime.jsx)("br", {}), /*#__PURE__*/(0, _jsxRuntime.jsx)(_.DatePicker, {
-      size: size,
-      type: "datetime",
-      range: true,
-      style: {
-        marginBottom: 16
-      }
-    })]
-  });
-};
-var _default = App;
-exports.default = _default;

package/esm/date-picker/__example__/04-week.d.ts

@@ -1,9 +0,0 @@
-/**
- * cn - 选择星期
- *    -- 设置 type 为 week，选择星期
- * en - Week Mode
- *    -- Set type to be week to select week.
- */
-import React from 'react';
-declare const App: React.FC;
-export default App;

package/esm/date-picker/__example__/04-week.js

@@ -1,24 +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 - 选择星期
- *    -- 设置 type 为 week，选择星期
- * en - Week Mode
- *    -- Set type to be week to select week.
- */
-
-var App = function App() {
-  return /*#__PURE__*/(0, _jsxRuntime.jsx)(_.DatePicker, {
-    type: "week"
-  });
-};
-var _default = App;
-exports.default = _default;

package/esm/date-picker/__example__/05-month.d.ts

@@ -1,9 +0,0 @@
-/**
- * cn - 选择月
- *    -- 设置 type 为 month，选择月
- * en - Month Mode
- *    -- Set type to be month to select month.
- */
-import React from 'react';
-declare const App: React.FC;
-export default App;

package/esm/date-picker/__example__/05-month.js

@@ -1,24 +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 - 选择月
- *    -- 设置 type 为 month，选择月
- * en - Month Mode
- *    -- Set type to be month to select month.
- */
-
-var App = function App() {
-  return /*#__PURE__*/(0, _jsxRuntime.jsx)(_.DatePicker, {
-    type: "month"
-  });
-};
-var _default = App;
-exports.default = _default;

package/esm/date-picker/__example__/05-quarter.d.ts

@@ -1,9 +0,0 @@
-/**
- * cn - 选择季度
- *    -- 设置 type 为 quarter，选择季度
- * en - Quarter Mode
- *    -- Set type to be quarter to select month.
- */
-import React from 'react';
-declare const App: React.FC;
-export default App;

package/esm/date-picker/__example__/05-quarter.js

@@ -1,24 +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 - 选择季度
- *    -- 设置 type 为 quarter，选择季度
- * en - Quarter Mode
- *    -- Set type to be quarter to select month.
- */
-
-var App = function App() {
-  return /*#__PURE__*/(0, _jsxRuntime.jsx)(_.DatePicker, {
-    type: "quarter"
-  });
-};
-var _default = App;
-exports.default = _default;

package/esm/date-picker/__example__/06-year.d.ts

@@ -1,9 +0,0 @@
-/**
- * cn - 选择年
- *    -- 设置 type 为 year，选择年
- * en - Year Mode
- *    -- Set type to be year to select year.
- */
-import React from 'react';
-declare const App: React.FC;
-export default App;

package/esm/date-picker/__example__/06-year.js

@@ -1,24 +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 - 选择年
- *    -- 设置 type 为 year，选择年
- * en - Year Mode
- *    -- Set type to be year to select year.
- */
-
-var App = function App() {
-  return /*#__PURE__*/(0, _jsxRuntime.jsx)(_.DatePicker, {
-    type: "year"
-  });
-};
-var _default = App;
-exports.default = _default;

package/esm/date-picker/__example__/07-time-0.d.ts

@@ -1,9 +0,0 @@
-/**
- * cn - 选择时间
- *    -- 设置 type 为 time，选择时间，根据 format 自动加载相应的选择列
- * en - Time Mode
- *    -- Set type to be time to select time and automatically load the corresponding selection column according to the format property.
- */
-import React from 'react';
-declare const App: React.FC;
-export default App;

package/esm/date-picker/__example__/07-time-0.js

@@ -1,43 +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 - 选择时间
- *    -- 设置 type 为 time，选择时间，根据 format 自动加载相应的选择列
- * en - Time Mode
- *    -- Set type to be time to select time and automatically load the corresponding selection column according to the format property.
- */
-
-var style = {
-  marginBottom: 16
-};
-var now = Date.now();
-var App = function App() {
-  return /*#__PURE__*/(0, _jsxRuntime.jsxs)("div", {
-    children: [/*#__PURE__*/(0, _jsxRuntime.jsx)(_.DatePicker, {
-      style: style,
-      type: "time",
-      defaultValue: now,
-      showSelNow: true
-    }), " ", /*#__PURE__*/(0, _jsxRuntime.jsx)("br", {}), /*#__PURE__*/(0, _jsxRuntime.jsx)(_.DatePicker, {
-      style: style,
-      type: "time",
-      format: "HH:mm",
-      defaultValue: now
-    }), " ", /*#__PURE__*/(0, _jsxRuntime.jsx)("br", {}), /*#__PURE__*/(0, _jsxRuntime.jsx)(_.DatePicker, {
-      style: style,
-      type: "time",
-      format: "hh:mm A",
-      defaultValue: now
-    })]
-  });
-};
-var _default = App;
-exports.default = _default;

package/esm/date-picker/__example__/07-time-1.d.ts

@@ -1,9 +0,0 @@
-/**
- * cn -
- *    -- 步进设置
- * en - Step
- *    -- Set step of TimePicker
- */
-import React from 'react';
-declare const App: React.FC;
-export default App;

package/esm/date-picker/__example__/07-time-1.js

@@ -1,43 +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 -
- *    -- 步进设置
- * en - Step
- *    -- Set step of TimePicker
- */
-
-var style = {
-  marginInlineEnd: 12
-};
-var step = 2;
-var App = function App() {
-  return /*#__PURE__*/(0, _jsxRuntime.jsxs)("div", {
-    children: [/*#__PURE__*/(0, _jsxRuntime.jsx)(_.DatePicker, {
-      placeholder: "Hour Step",
-      style: style,
-      type: "time",
-      hourStep: step
-    }), /*#__PURE__*/(0, _jsxRuntime.jsx)(_.DatePicker, {
-      placeholder: "Minute Step",
-      style: style,
-      type: "time",
-      minuteStep: step
-    }), /*#__PURE__*/(0, _jsxRuntime.jsx)(_.DatePicker, {
-      placeholder: "Second Step",
-      style: style,
-      type: "time",
-      secondStep: step
-    })]
-  });
-};
-var _default = App;
-exports.default = _default;

package/esm/date-picker/__example__/08-range.d.ts

@@ -1,9 +0,0 @@
-/**
- * cn - 范围选择
- *    -- 设置 range 属性可以选择范围，输入和返回的 value 为长度为 2 的数组
- * en - Range
- *    --Set the range property to select range, the input value and return value is an array of length 2.
- */
-import React from 'react';
-declare const App: React.FC;
-export default App;

package/esm/date-picker/__example__/08-range.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 - 范围选择
- *    -- 设置 range 属性可以选择范围，输入和返回的 value 为长度为 2 的数组
- * en - Range
- *    --Set the range property to select range, the input value and return value is an array of length 2.
- */
-
-var types = ['date', 'week', 'month', 'quarter', 'year', 'time', 'datetime'];
-var App = function App() {
-  var _React$useState = _react.default.useState('date'),
-    _React$useState2 = (0, _slicedToArray2.default)(_React$useState, 2),
-    type = _React$useState2[0],
-    setType = _React$useState2[1];
-  return /*#__PURE__*/(0, _jsxRuntime.jsxs)("div", {
-    children: [/*#__PURE__*/(0, _jsxRuntime.jsx)(_.Radio.Group, {
-      button: 'outline',
-      data: types,
-      value: type,
-      onChange: setType,
-      keygen: true,
-      style: {
-        marginBottom: 24
-      }
-    }), /*#__PURE__*/(0, _jsxRuntime.jsx)("br", {}), /*#__PURE__*/(0, _jsxRuntime.jsx)(_.DatePicker, {
-      type: type,
-      range: true
-    })]
-  });
-};
-var _default = App;
-exports.default = _default;

package/esm/date-picker/__example__/09-quick.d.ts

@@ -1,9 +0,0 @@
-/**
- * cn - 快速选择
- *    -- 可以配置一些快速选择的选项, 日期可以是 Date, 时间戳, 或者字符串,字符串需要和所格式填写的 format 一致
- * en - Quick select
- *    -- can configure some options for quick selection. The date can be Date, timestamp, or string. The string needs to be in the same format as the format.
- */
-import React from 'react';
-declare const App: React.FC;
-export default App;