@sheinx/base 3.0.0-alpha.8 → 3.0.0-rc.1

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

@@ -1,80 +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 _shineoutStyle = require("@sheinx/shineout-style");
-var _jsxRuntime = require("react/jsx-runtime");
-/**
- * cn - 基本用法
- *    --
- * en - Basic
- *    --
- */
-var _default = function _default() {
-  return /*#__PURE__*/(0, _jsxRuntime.jsxs)("div", {
-    children: [/*#__PURE__*/(0, _jsxRuntime.jsxs)("div", {
-      children: [/*#__PURE__*/(0, _jsxRuntime.jsx)(_.Switch, {
-        jssStyle: {
-          switch: _shineoutStyle.useSwitchStyle
-        },
-        content: ['开', '关']
-      }), /*#__PURE__*/(0, _jsxRuntime.jsx)(_.Switch, {
-        jssStyle: {
-          switch: _shineoutStyle.useSwitchStyle
-        }
-      })]
-    }), /*#__PURE__*/(0, _jsxRuntime.jsxs)("div", {
-      children: ["\u7981\u7528", /*#__PURE__*/(0, _jsxRuntime.jsx)(_.Switch, {
-        disabled: true,
-        checked: true,
-        jssStyle: {
-          switch: _shineoutStyle.useSwitchStyle
-        },
-        content: ['开', '关']
-      }), /*#__PURE__*/(0, _jsxRuntime.jsx)(_.Switch, {
-        disabled: true,
-        jssStyle: {
-          switch: _shineoutStyle.useSwitchStyle
-        },
-        content: ['开', '关']
-      })]
-    }), /*#__PURE__*/(0, _jsxRuntime.jsxs)("div", {
-      children: ["loading", /*#__PURE__*/(0, _jsxRuntime.jsx)(_.Switch, {
-        loading: true,
-        checked: true,
-        jssStyle: {
-          switch: _shineoutStyle.useSwitchStyle
-        },
-        content: ['开', '关']
-      }), /*#__PURE__*/(0, _jsxRuntime.jsx)(_.Switch, {
-        loading: true,
-        jssStyle: {
-          switch: _shineoutStyle.useSwitchStyle
-        },
-        content: ['开', '关']
-      })]
-    }), /*#__PURE__*/(0, _jsxRuntime.jsxs)("div", {
-      children: ["\u5927\u5C0F", /*#__PURE__*/(0, _jsxRuntime.jsx)(_.Switch, {
-        jssStyle: {
-          switch: _shineoutStyle.useSwitchStyle
-        },
-        size: 'large'
-      }), /*#__PURE__*/(0, _jsxRuntime.jsx)(_.Switch, {
-        jssStyle: {
-          switch: _shineoutStyle.useSwitchStyle
-        }
-      }), /*#__PURE__*/(0, _jsxRuntime.jsx)(_.Switch, {
-        jssStyle: {
-          switch: _shineoutStyle.useSwitchStyle
-        },
-        size: 'small'
-      })]
-    })]
-  });
-};
-exports.default = _default;

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

@@ -1,4 +0,0 @@
-/// <reference types="react" />
-declare const _default: () => JSX.Element;
-export default _default;
-//# sourceMappingURL=01-base.d.ts.map

package/cjs/table/__example__/01-base.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"01-base.d.ts","sourceRoot":"","sources":["01-base.tsx"],"names":[],"mappings":";;AA8GA,wBAgDE"}

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

@@ -1,191 +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 _slicedToArray2 = _interopRequireDefault(require("@babel/runtime/helpers/slicedToArray"));
-var _defineProperty2 = _interopRequireDefault(require("@babel/runtime/helpers/defineProperty"));
-require("core-js/modules/es.array.map.js");
-var _react = _interopRequireDefault(require("react"));
-var _2 = require("../..");
-var _shineoutStyle = require("@sheinx/shineout-style");
-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 jssStyle = {
-  table: _shineoutStyle.useTableStyle,
-  radio: _shineoutStyle.useRadioStyle,
-  checkbox: _shineoutStyle.useCheckboxStyle
-};
-var id = 0;
-var mockData = function mockData(i) {
-  var item = {
-    id: id++,
-    name: "Edward King Edward King Edward King Edward King ".concat(i),
-    age: Math.floor(Math.random() * 100),
-    address: "London, Park Lane no. ".concat(i),
-    sex: i % 2 === 0 ? 'man' : 'femail',
-    children: []
-  };
-  return item;
-};
-// mock 1000 rows 学生数据
-var data = Array(10).fill(0).map(function (_, i) {
-  return _objectSpread({}, mockData(i));
-});
-var columns = [{
-  type: 'checkbox',
-  width: 20
-}, {
-  type: 'expand',
-  width: 20,
-  render: function render() {
-    return function () {
-      return /*#__PURE__*/(0, _jsxRuntime.jsx)("div", {
-        style: {
-          padding: '12px'
-        },
-        children: "123213"
-      });
-    };
-  }
-}, {
-  title: 'ID2',
-  render: 'id',
-  width: 40,
-  treeColumnsName: 'children',
-  sorter: function sorter(order) {
-    return function (a, b) {
-      return order === 'asc' ? a.id - b.id : b.id - a.id;
-    };
-  },
-  defaultOrder: 'asc'
-}, {
-  title: 'age2',
-  render: 'age',
-  width: 40,
-  sorter: function sorter(order) {
-    return function (a, b) {
-      return order === 'asc' ? a.age - b.age : b.age - a.age;
-    };
-  }
-}, {
-  title: 'age',
-  render: 'age',
-  width: 40,
-  sorter: 'age',
-  rowSpan: function rowSpan(data, nextData) {
-    return data.age === nextData.age;
-  },
-  colSpan: function colSpan(data) {
-    return data.age % 2 === 0 ? 2 : 1;
-  }
-}, {
-  title: 'Name',
-  render: 'name',
-  width: 80,
-  sorter: 'name'
-}, {
-  title: 'Age',
-  render: 'age',
-  width: 100,
-  group: ['group1', 'group2']
-}, {
-  title: 'Address',
-  render: 'address',
-  group: ['group1', 'group2'],
-  width: 100
-}, {
-  title: 'Sex',
-  render: 'sex',
-  width: 50,
-  fixed: 'right'
-}];
-var sorters = {
-  id: function id(order) {
-    return function (a, b) {
-      return order === 'asc' ? a.id - b.id : b.id - a.id;
-    };
-  },
-  name: function name(order) {
-    return function (a, b) {
-      return order === 'asc' ? a.name.localeCompare(b.name) : b.name.localeCompare(a.name);
-    };
-  },
-  age: function age(order) {
-    return function (a, b) {
-      return order === 'asc' ? a.age - b.age : b.age - a.age;
-    };
-  }
-};
-var _default = function _default() {
-  var _React$useState = _react.default.useState(1),
-    _React$useState2 = (0, _slicedToArray2.default)(_React$useState, 2),
-    bordered = _React$useState2[0],
-    setBordered = _React$useState2[1];
-  var _React$useState3 = _react.default.useState('top'),
-    _React$useState4 = (0, _slicedToArray2.default)(_React$useState3, 2),
-    va = _React$useState4[0],
-    setVa = _React$useState4[1];
-  return /*#__PURE__*/(0, _jsxRuntime.jsxs)("div", {
-    children: [/*#__PURE__*/(0, _jsxRuntime.jsxs)("div", {
-      children: [/*#__PURE__*/(0, _jsxRuntime.jsx)("span", {
-        children: "bordered:"
-      }), /*#__PURE__*/(0, _jsxRuntime.jsx)(_2.RadioGroup, {
-        jssStyle: jssStyle,
-        data: [0, 1],
-        value: bordered,
-        onChange: function onChange(d) {
-          return setBordered(d);
-        },
-        keygen: true,
-        renderItem: function renderItem(d) {
-          return !!d ? 'true' : 'false';
-        }
-      }), /*#__PURE__*/(0, _jsxRuntime.jsx)("span", {
-        children: "vertical:"
-      }), /*#__PURE__*/(0, _jsxRuntime.jsx)(_2.RadioGroup, {
-        jssStyle: jssStyle,
-        data: ['middle', 'top'],
-        value: va,
-        onChange: function onChange(d) {
-          return setVa(d);
-        },
-        keygen: true,
-        renderItem: function renderItem(d) {
-          return d;
-        }
-      })]
-    }), /*#__PURE__*/(0, _jsxRuntime.jsx)(_2.Table, {
-      sticky: {
-        top: 180
-      },
-      columnResizable: true,
-      bordered: !!bordered,
-      sorter: function sorter(key, order, list) {
-        console.log(key, order, list);
-        var orderFunc = sorters[key];
-        return orderFunc(order);
-      },
-      width: 1000,
-      style: {
-        height: ''
-      },
-      keygen: "id",
-      verticalAlign: va,
-      jssStyle: jssStyle,
-      data: data,
-      format: 'id',
-      columns: columns,
-      onRowSelect: function onRowSelect(value) {
-        console.log(value);
-      }
-    })]
-  });
-};
-exports.default = _default;

package/cjs/table/__example__/02-virtual.d.ts

@@ -1,4 +0,0 @@
-/// <reference types="react" />
-declare const _default: () => JSX.Element;
-export default _default;
-//# sourceMappingURL=02-virtual.d.ts.map

package/cjs/table/__example__/02-virtual.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"02-virtual.d.ts","sourceRoot":"","sources":["02-virtual.tsx"],"names":[],"mappings":";;AAiGA,wBAgBE"}

package/cjs/table/__example__/02-virtual.js

@@ -1,127 +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");
-require("core-js/modules/es.array.from.js");
-var _react = _interopRequireDefault(require("react"));
-var _2 = require("../..");
-var _shineoutStyle = require("@sheinx/shineout-style");
-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 jssStyle = {
-  table: _shineoutStyle.useTableStyle,
-  radio: _shineoutStyle.useRadioStyle,
-  checkbox: _shineoutStyle.useCheckboxStyle
-};
-var maxChild = 0;
-var mockData = function mockData(i) {
-  var childNum = Math.floor(Math.random() * 100);
-  var item = {
-    id: i,
-    name: "Edward King Edward King Edward King Edward King ".concat(i),
-    age: Math.floor(Math.random() * 100),
-    address: "London, Park Lane no. ".concat(i),
-    sex: i % 2 === 0 ? 'man' : 'femail',
-    height: Math.floor(Math.random() * 50),
-    children: []
-  };
-  if (maxChild < 10) {
-    maxChild++;
-    item.children = Array.from({
-      length: childNum
-    }).map(function (_, j) {
-      return mockData(j);
-    });
-  }
-  return item;
-};
-// mock 1000 rows 学生数据
-var data = Array(10000).fill(0).map(function (_, i) {
-  return _objectSpread({}, mockData(i));
-});
-var columns = [
-// {
-//   type: 'checkbox',
-//   width: 20,
-// },
-// {
-//   type: 'expand',
-//   width: 20,
-//   render: () => () => {
-//     return <div style={{ padding: '12px' }}>123213</div>;
-//   },
-// },
-{
-  title: 'ID2',
-  render: 'id',
-  width: 40,
-  fixed: 'left'
-}, {
-  title: 'age2',
-  render: function render(d) {
-    return /*#__PURE__*/(0, _jsxRuntime.jsx)("div", {
-      style: {
-        background: '#ccc',
-        height: d.height
-      },
-      children: d.age
-    });
-  },
-  width: 40
-}, {
-  title: 'age',
-  render: 'age',
-  width: 40,
-  rowSpan: function rowSpan(data, nextData) {
-    return data.age === nextData.age;
-  },
-  colSpan: function colSpan(data) {
-    return data.age % 2 === 0 ? 2 : 1;
-  }
-}, {
-  title: 'Name',
-  render: 'name',
-  width: 80
-}, {
-  title: 'Age',
-  render: 'age',
-  width: 100
-}, {
-  title: 'Address',
-  render: 'address',
-  width: 100
-}, {
-  title: 'Sex',
-  render: 'sex',
-  width: 50,
-  fixed: 'right'
-}];
-var _default = function _default() {
-  return /*#__PURE__*/(0, _jsxRuntime.jsx)("div", {
-    children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_2.Table, {
-      sticky: {
-        top: 180
-      },
-      width: 1200,
-      style: {
-        height: '500px'
-      },
-      keygen: "id",
-      fixed: true,
-      jssStyle: jssStyle,
-      data: data,
-      format: 'id',
-      columns: columns
-    })
-  });
-};
-exports.default = _default;

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

@@ -1,4 +0,0 @@
-/// <reference types="react" />
-declare const _default: () => JSX.Element;
-export default _default;
-//# sourceMappingURL=01-base.d.ts.map

package/cjs/tabs/__example__/01-base.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"01-base.d.ts","sourceRoot":"","sources":["01-base.tsx"],"names":[],"mappings":";;AAUA,wBAqDE"}

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

@@ -1,86 +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 _slicedToArray2 = _interopRequireDefault(require("@babel/runtime/helpers/slicedToArray"));
-var _react = require("react");
-var _ = require("../..");
-var _shineoutStyle = require("@sheinx/shineout-style");
-var _jsxRuntime = require("react/jsx-runtime");
-/**
- * cn - 基本用法
- *    --
- * en - Basic
- *    --
- */
-var _default = function _default() {
-  var _useState = (0, _react.useState)(3),
-    _useState2 = (0, _slicedToArray2.default)(_useState, 2),
-    active = _useState2[0],
-    setActive = _useState2[1];
-  var tabsStyle = (0, _shineoutStyle.useTabsStyle)();
-  var buttonStyle = (0, _shineoutStyle.useButtonStyle)();
-  var tabs = [];
-  for (var i = 0; i < 25; i++) {
-    tabs.push({
-      title: "\u9009\u9879\u5361 ".concat(i + 1),
-      content: "Content of Tab ".concat(i + 1)
-    });
-  }
-  var handleChange = function handleChange(v) {
-    setActive(v);
-  };
-  return /*#__PURE__*/(0, _jsxRuntime.jsx)("div", {
-    style: {
-      height: 200
-    },
-    children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_.Tabs, {
-      jssStyle: {
-        tabs: tabsStyle,
-        button: buttonStyle
-      },
-      onChange: handleChange,
-      active: active,
-      shape: "button",
-      autoFill: true,
-      defaultActive: 2
-      // splitColor='red'
-      // collapsible
-      // hideSplit
-      // defaultCollapsed
-      // position='top-left'
-      // tabBarStyle={{ color: 'red' }}
-      // position='left-top'
-      // position='left-bottom'
-      ,
-      position: "right-top"
-      // position='right-bottom'
-      // position='bottom-right'
-      // position='bottom-left'
-      // position='top-right'
-      // position='top-left'
-      ,
-      children: tabs.map(function (tab, index) {
-        return /*#__PURE__*/(0, _jsxRuntime.jsx)(_.Tabs.Panel, {
-          tab: tab.title,
-          jssStyle: {
-            tabs: tabsStyle,
-            button: buttonStyle
-          },
-          children: /*#__PURE__*/(0, _jsxRuntime.jsx)("div", {
-            style: {
-              padding: 5,
-              height: '100%'
-            },
-            children: tab.content
-          })
-        }, index);
-      })
-    })
-  });
-};
-exports.default = _default;

package/cjs/tag/__example__/s-001-base.d.ts

@@ -1,4 +0,0 @@
-/// <reference types="react" />
-declare const _default: () => JSX.Element;
-export default _default;
-//# sourceMappingURL=s-001-base.d.ts.map

package/cjs/tag/__example__/s-001-base.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"s-001-base.d.ts","sourceRoot":"","sources":["s-001-base.tsx"],"names":[],"mappings":";;AAUA,wBAgDE"}

package/cjs/tag/__example__/s-001-base.js

@@ -1,78 +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 _shineoutStyle = require("@sheinx/shineout-style");
-var _jsxRuntime = require("react/jsx-runtime");
-/**
- * cn - 基本用法
- *    --基础 Tag 用法
- * en - Base
- *    --Base Tag
- */
-var _default = function _default() {
-  var jssStyle = {
-    tag: _shineoutStyle.useTagStyle,
-    input: _shineoutStyle.useInputStyle
-  };
-  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]);
-    }
-    console.log(newTags);
-    setTags(newTags);
-    setInputVisible(false);
-  };
-  return /*#__PURE__*/(0, _jsxRuntime.jsxs)("div", {
-    children: [tags.map(function (a) {
-      return /*#__PURE__*/(0, _jsxRuntime.jsx)(_.Tag, {
-        jssStyle: jssStyle,
-        onClose: function onClose() {
-          return remove(a);
-        },
-        children: a
-      }, a);
-    }), inputVisible ? /*#__PURE__*/(0, _jsxRuntime.jsx)(_.Tag.Input, {
-      jssStyle: jssStyle,
-      onBlur: handleInputBlur
-    }) : /*#__PURE__*/(0, _jsxRuntime.jsx)(_.Tag, {
-      jssStyle: jssStyle,
-      onClick: showInput,
-      style: {
-        background: '#fff',
-        borderStyle: 'dashed'
-      },
-      children: "+ New Tag"
-    })]
-  });
-};
-exports.default = _default;

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

@@ -1,4 +0,0 @@
-/// <reference types="react" />
-declare const _default: () => JSX.Element;
-export default _default;
-//# sourceMappingURL=01-base.d.ts.map

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

@@ -1 +0,0 @@
-{"version":3,"file":"01-base.d.ts","sourceRoot":"","sources":["01-base.tsx"],"names":[],"mappings":";;AAUA,wBAQE"}

package/cjs/tooltip/__example__/01-base.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 _shineoutStyle = require("@sheinx/shineout-style");
-var _jsxRuntime = require("react/jsx-runtime");
-/**
- * cn - 基本用法
- *    --
- * en - Basic
- *    --
- */
-var _default = function _default() {
-  return /*#__PURE__*/(0, _jsxRuntime.jsx)("div", {
-    children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_.Tooltip, {
-      jssStyle: {
-        tooltip: _shineoutStyle.useTooltipStyle
-      },
-      tip: 'hello world',
-      children: /*#__PURE__*/(0, _jsxRuntime.jsx)("span", {
-        children: "hover me"
-      })
-    })
-  });
-};
-exports.default = _default;

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

@@ -1,4 +0,0 @@
-/// <reference types="react" />
-declare const _default: () => JSX.Element;
-export default _default;
-//# sourceMappingURL=01-base.d.ts.map

package/cjs/transfer/__example__/01-base.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"01-base.d.ts","sourceRoot":"","sources":["01-base.tsx"],"names":[],"mappings":";;AA6BA,wBAqEE"}