yootd 0.0.1

package/dist/state/index.d.ts

@@ -0,0 +1,8 @@
+import { FC } from 'react';
+import type { BadgeProps as AntBadgeProps, TagProps as AntTagProps } from "..";
+import './index.scss';
+export type StateProps = AntBadgeProps & AntTagProps & {
+    variant?: 'circle' | 'card' | 'process';
+    type?: 'success' | 'error' | 'warning' | 'processing' | 'default';
+};
+export declare const State: FC<StateProps>;

package/dist/state/index.js

@@ -0,0 +1,28 @@
+var _excluded = ["className", "type", "variant"];
+function _extends() { _extends = Object.assign ? Object.assign.bind() : function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); }
+function _objectWithoutProperties(source, excluded) { if (source == null) return {}; var target = _objectWithoutPropertiesLoose(source, excluded); var key, i; if (Object.getOwnPropertySymbols) { var sourceSymbolKeys = Object.getOwnPropertySymbols(source); for (i = 0; i < sourceSymbolKeys.length; i++) { key = sourceSymbolKeys[i]; if (excluded.indexOf(key) >= 0) continue; if (!Object.prototype.propertyIsEnumerable.call(source, key)) continue; target[key] = source[key]; } } return target; }
+function _objectWithoutPropertiesLoose(source, excluded) { if (source == null) return {}; var target = {}; var sourceKeys = Object.keys(source); var key, i; for (i = 0; i < sourceKeys.length; i++) { key = sourceKeys[i]; if (excluded.indexOf(key) >= 0) continue; target[key] = source[key]; } return target; }
+import React from 'react';
+import { Badge as AntBadge, Tag as AntTag } from "./..";
+import { useBem } from "../hooks/useBem";
+import "./index.scss";
+export var State = function State(_ref) {
+  var className = _ref.className,
+    _ref$type = _ref.type,
+    type = _ref$type === void 0 ? 'success' : _ref$type,
+    _ref$variant = _ref.variant,
+    variant = _ref$variant === void 0 ? 'circle' : _ref$variant,
+    props = _objectWithoutProperties(_ref, _excluded);
+  var variantClassMap = {
+    circle: 'circle',
+    card: 'card',
+    process: 'process'
+  };
+  var mb = useBem('state');
+  var _className = variantClassMap[variant] || '';
+  return /*#__PURE__*/React.createElement("div", {
+    className: "".concat(mb.m(_className), " ").concat(className)
+  }, variant === 'circle' && /*#__PURE__*/React.createElement(AntBadge, _extends({}, props, {
+    className: type
+  })), (variant === 'card' || variant === 'process') && /*#__PURE__*/React.createElement(AntTag, props));
+};

package/dist/state/index.scss

@@ -0,0 +1,89 @@
+.yot-state {
+  &--circle {
+    .ant-badge.success {
+      .ant-badge-status-success {
+        background-color: var(--ant-color-success);
+      }
+      .ant-badge-status-text {
+        color: var(--ant-color-success);
+      }
+    }
+    .ant-badge.error {
+      .ant-badge-status-error {
+        background-color: var(--ant-color-error);
+      }
+      .ant-badge-status-text {
+        color: var(--ant-color-error);
+      }
+    }
+    .ant-badge.warning {
+      .ant-badge-status-warning {
+        background-color: var(--ant-color-warning);
+      }
+      .ant-badge-status-text {
+        color: var(--ant-color-warning);
+      }
+    }
+    .ant-badge.default {
+      .ant-badge-status-default {
+        background-color: var(--ant-color-text-placeholder);
+      }
+      .ant-badge-status-text {
+        color: var(--ant-color-text-placeholder);
+      }
+    }
+    .ant-badge.processing {
+      .ant-badge-status-processing {
+        background-color: var(--ant-color-primary);
+      }
+      .ant-badge-status-text {
+        color: var(--ant-color-primary);
+      }
+    }
+  }
+  &--card {
+    .ant-tag.ant-tag-success {
+      background-color: var(--ant-color-success);
+      color: var(--ant-color-white);
+    }
+    .ant-tag.ant-tag-error {
+      background-color: var(--ant-color-error);
+      color: var(--ant-color-white);
+    }
+    .ant-tag.ant-tag-warning {
+      background-color: var(--ant-color-warning);
+      color: var(--ant-color-white);
+    }
+    .ant-tag.ant-tag-default {
+      background-color: var(--ant-color-text-placeholder);
+      color: var(--ant-color-white);
+    }
+    .ant-tag.ant-tag-processing {
+      background-color: var(--ant-color-primary);
+      color: var(--ant-color-white);
+    }
+  }
+
+  &--process {
+    .ant-tag.ant-tag-success {
+      background-color: var(--ant-color-success-bg);
+      color: var(--ant-color-success);
+    }
+    .ant-tag.ant-tag-error {
+      background-color: var(--ant-color-error-bg);
+      color: var(--ant-color-error);
+    }
+    .ant-tag.ant-tag-warning {
+      background-color: var(--ant-color-warning-bg);
+      color: var(--ant-color-warning);
+    }
+    .ant-tag.ant-tag-default {
+      background-color: var(--ant-color-border-secondary);
+      color: var(--ant-color-border);
+    }
+    .ant-tag.ant-tag-processing {
+      background-color: var(--ant-color-primary-bg);
+      color: var(--ant-color-primary);
+    }
+  }
+}

package/dist/statistic/index.d.ts

@@ -0,0 +1,2 @@
+export type { CompoundedStatistic, CountdownProps, StatisticProps, } from 'antd/es/statistic';
+export declare const Statistic: import("antd/es/statistic").CompoundedStatistic;

package/dist/statistic/index.js

@@ -0,0 +1,2 @@
+import { Statistic as AntStatistic } from 'antd';
+export var Statistic = AntStatistic;

package/dist/steps/index.d.ts

@@ -0,0 +1,10 @@
+import type { StepsProps as AntStepsProps } from 'antd';
+import { Steps as AntSteps } from 'antd';
+import React from 'react';
+import './index.scss';
+export type StepsProps = AntStepsProps;
+type AntStepsType = typeof AntSteps;
+export type StepsType = typeof StepsComponent & Pick<AntStepsType, 'Step'>;
+declare const StepsComponent: React.FC<StepsProps>;
+export declare const Steps: StepsType;
+export {};

package/dist/steps/index.js

@@ -0,0 +1,18 @@
+var _excluded = ["className"];
+function _extends() { _extends = Object.assign ? Object.assign.bind() : function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); }
+function _objectWithoutProperties(source, excluded) { if (source == null) return {}; var target = _objectWithoutPropertiesLoose(source, excluded); var key, i; if (Object.getOwnPropertySymbols) { var sourceSymbolKeys = Object.getOwnPropertySymbols(source); for (i = 0; i < sourceSymbolKeys.length; i++) { key = sourceSymbolKeys[i]; if (excluded.indexOf(key) >= 0) continue; if (!Object.prototype.propertyIsEnumerable.call(source, key)) continue; target[key] = source[key]; } } return target; }
+function _objectWithoutPropertiesLoose(source, excluded) { if (source == null) return {}; var target = {}; var sourceKeys = Object.keys(source); var key, i; for (i = 0; i < sourceKeys.length; i++) { key = sourceKeys[i]; if (excluded.indexOf(key) >= 0) continue; target[key] = source[key]; } return target; }
+import { Steps as AntSteps } from 'antd';
+import React from 'react';
+import { useBem } from "../hooks/useBem";
+import "./index.scss";
+var StepsComponent = function StepsComponent(_ref) {
+  var className = _ref.className,
+    props = _objectWithoutProperties(_ref, _excluded);
+  var mb = useBem('steps');
+  return /*#__PURE__*/React.createElement(AntSteps, _extends({
+    className: "".concat(mb.b('content'), " ").concat(className)
+  }, props));
+};
+export var Steps = StepsComponent;
+Steps.Step = AntSteps.Step;

package/dist/steps/index.scss

@@ -0,0 +1,32 @@
+.yot-steps{
+  &-content{
+    .ant-steps-item.ant-steps-item-finish{
+      .ant-steps-item-icon{
+        background-color: var(--ant-color-primary);
+        .ant-steps-finish-icon{
+          svg{
+            fill: var(--ant-color-white);
+          }
+        }
+      }
+    }
+    .ant-steps-item{
+      .ant-steps-item-container{
+        .ant-steps-item-content{
+          .ant-steps-item-title::after{
+            background: repeating-linear-gradient(to right, var(--ant-color-fill), var(--ant-color-fill) 3px, transparent 3px, transparent 6px);
+          }
+        }
+      }
+    }
+    .ant-steps-item.ant-steps-item-finish{
+      .ant-steps-item-container{
+        .ant-steps-item-content{
+          .ant-steps-item-title::after{
+            background: repeating-linear-gradient(to right, var(--ant-color-fill), var(--ant-color-fill) 3px, transparent 3px, transparent 6px);
+          }
+        }
+      }
+    }
+  }
+}

package/dist/switch/index.d.ts

@@ -0,0 +1,3 @@
+import { Switch as AntSwitch } from 'antd';
+export type { SwitchChangeEventHandler, SwitchClickEventHandler, SwitchProps, SwitchSize, } from 'antd/es/switch';
+export declare const Switch: typeof AntSwitch;

package/dist/switch/index.js

@@ -0,0 +1,2 @@
+import { Switch as AntSwitch } from 'antd';
+export var Switch = AntSwitch;

package/dist/table/components/icons/DownOutlined.d.ts

@@ -0,0 +1,3 @@
+import React from 'react';
+import { ISvgIconProps } from "../../../utils/types";
+export declare const DownOutlined: React.ForwardRefExoticComponent<Omit<ISvgIconProps, "ref"> & React.RefAttributes<HTMLElement>>;

package/dist/table/components/icons/DownOutlined.js

@@ -0,0 +1,28 @@
+var _excluded = ["style", "className"];
+function _extends() { _extends = Object.assign ? Object.assign.bind() : function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); }
+function _objectWithoutProperties(source, excluded) { if (source == null) return {}; var target = _objectWithoutPropertiesLoose(source, excluded); var key, i; if (Object.getOwnPropertySymbols) { var sourceSymbolKeys = Object.getOwnPropertySymbols(source); for (i = 0; i < sourceSymbolKeys.length; i++) { key = sourceSymbolKeys[i]; if (excluded.indexOf(key) >= 0) continue; if (!Object.prototype.propertyIsEnumerable.call(source, key)) continue; target[key] = source[key]; } } return target; }
+function _objectWithoutPropertiesLoose(source, excluded) { if (source == null) return {}; var target = {}; var sourceKeys = Object.keys(source); var key, i; for (i = 0; i < sourceKeys.length; i++) { key = sourceKeys[i]; if (excluded.indexOf(key) >= 0) continue; target[key] = source[key]; } return target; }
+import React, { forwardRef } from 'react';
+export var DownOutlined = /*#__PURE__*/forwardRef(function (_ref, ref) {
+  var style = _ref.style,
+    className = _ref.className,
+    rest = _objectWithoutProperties(_ref, _excluded);
+  return /*#__PURE__*/React.createElement("svg", _extends({
+    viewBox: "0 0 1024 1024",
+    version: "1.1",
+    xmlns: "http://www.w3.org/2000/svg",
+    width: "16",
+    height: "16"
+  }, rest, {
+    style: style,
+    className: className,
+    ref: ref
+  }), /*#__PURE__*/React.createElement("path", {
+    d: "M792.832 485.856c-12.512-12.544-32.8-12.48-45.248-0.032L544 688.992 544 128c0-17.664-14.336-32-32-32s-32 14.336-32 32l0 563.04-234.048-235.456c-12.48-12.576-32.704-12.64-45.248-0.128-12.544 12.448-12.608 32.704-0.128 45.248l287.52 289.248c3.168 3.2 6.88 5.536 10.816 7.136C502.912 798.88 507.296 800 512 800c11.296 0 20.704-6.176 26.4-14.976l254.368-253.952C805.312 518.624 805.312 498.368 792.832 485.856z",
+    fill: "#2c2c2c"
+  }), /*#__PURE__*/React.createElement("path", {
+    d: "M864 928 160 928c-17.664 0-32-14.304-32-32s14.336-32 32-32l704 0c17.696 0 32 14.304 32 32S881.696 928 864 928z",
+    fill: "#2c2c2c"
+  }));
+});
+DownOutlined.displayName = 'DownOutlined';

package/dist/table/components/icons/DragHandler.d.ts

@@ -0,0 +1,3 @@
+import React from 'react';
+import { ISvgIconProps } from "../../../utils/types";
+export declare const DragHandler: React.ForwardRefExoticComponent<Omit<ISvgIconProps, "ref"> & React.RefAttributes<HTMLElement>>;

package/dist/table/components/icons/DragHandler.js

@@ -0,0 +1,24 @@
+var _excluded = ["style", "className"];
+function _extends() { _extends = Object.assign ? Object.assign.bind() : function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); }
+function _objectWithoutProperties(source, excluded) { if (source == null) return {}; var target = _objectWithoutPropertiesLoose(source, excluded); var key, i; if (Object.getOwnPropertySymbols) { var sourceSymbolKeys = Object.getOwnPropertySymbols(source); for (i = 0; i < sourceSymbolKeys.length; i++) { key = sourceSymbolKeys[i]; if (excluded.indexOf(key) >= 0) continue; if (!Object.prototype.propertyIsEnumerable.call(source, key)) continue; target[key] = source[key]; } } return target; }
+function _objectWithoutPropertiesLoose(source, excluded) { if (source == null) return {}; var target = {}; var sourceKeys = Object.keys(source); var key, i; for (i = 0; i < sourceKeys.length; i++) { key = sourceKeys[i]; if (excluded.indexOf(key) >= 0) continue; target[key] = source[key]; } return target; }
+import React, { forwardRef } from 'react';
+export var DragHandler = /*#__PURE__*/forwardRef(function (_ref, ref) {
+  var style = _ref.style,
+    className = _ref.className,
+    rest = _objectWithoutProperties(_ref, _excluded);
+  return /*#__PURE__*/React.createElement("svg", _extends({
+    viewBox: "0 0 1024 1024",
+    version: "1.1",
+    xmlns: "http://www.w3.org/2000/svg",
+    width: "16",
+    height: "16"
+  }, rest, {
+    style: style,
+    className: className,
+    ref: ref
+  }), /*#__PURE__*/React.createElement("path", {
+    d: "M300 276.497a56 56 0 1 0 56-96.994 56 56 0 0 0-56 96.994z m0 284a56 56 0 1 0 56-96.994 56 56 0 0 0-56 96.994zM640 228a56 56 0 1 0 112 0 56 56 0 0 0-112 0z m0 284a56 56 0 1 0 112 0 56 56 0 0 0-112 0zM300 844.497a56 56 0 1 0 56-96.994 56 56 0 0 0-56 96.994zM640 796a56 56 0 1 0 112 0 56 56 0 0 0-112 0z"
+  }));
+});
+DragHandler.displayName = 'DragHandler';

package/dist/table/components/icons/SettingFilled.d.ts

@@ -0,0 +1,3 @@
+import { FC } from 'react';
+import { ISvgIconProps } from "../../../utils/types";
+export declare const SettingFilled: FC<ISvgIconProps>;

package/dist/table/components/icons/SettingFilled.js

@@ -0,0 +1,22 @@
+var _excluded = ["style", "className"];
+function _extends() { _extends = Object.assign ? Object.assign.bind() : function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); }
+function _objectWithoutProperties(source, excluded) { if (source == null) return {}; var target = _objectWithoutPropertiesLoose(source, excluded); var key, i; if (Object.getOwnPropertySymbols) { var sourceSymbolKeys = Object.getOwnPropertySymbols(source); for (i = 0; i < sourceSymbolKeys.length; i++) { key = sourceSymbolKeys[i]; if (excluded.indexOf(key) >= 0) continue; if (!Object.prototype.propertyIsEnumerable.call(source, key)) continue; target[key] = source[key]; } } return target; }
+function _objectWithoutPropertiesLoose(source, excluded) { if (source == null) return {}; var target = {}; var sourceKeys = Object.keys(source); var key, i; for (i = 0; i < sourceKeys.length; i++) { key = sourceKeys[i]; if (excluded.indexOf(key) >= 0) continue; target[key] = source[key]; } return target; }
+import React from 'react';
+export var SettingFilled = function SettingFilled(_ref) {
+  var style = _ref.style,
+    className = _ref.className,
+    rest = _objectWithoutProperties(_ref, _excluded);
+  return /*#__PURE__*/React.createElement("svg", _extends({
+    viewBox: "0 0 1024 1024",
+    version: "1.1",
+    xmlns: "http://www.w3.org/2000/svg",
+    width: "16",
+    height: "16"
+  }, rest, {
+    style: style,
+    className: className
+  }), /*#__PURE__*/React.createElement("path", {
+    d: "M885.196958 871.528145c-14.753141-5.464126-25.134981-8.742602-34.970408-12.56749-30.052695-11.474665-59.012564-24.588568-89.611671-34.970408-8.742602-2.732063-21.310093-1.639238-29.506282 2.732063-21.310093 10.38184-42.073773 22.402918-61.744627 36.063234-6.556952 4.371301-12.021078 14.206728-13.660316 22.402918-6.556952 36.063234-11.474665 72.67288-15.845966 109.282526-2.732063 20.76368-12.56749 30.052695-33.877583 29.506282-62.837452-0.546413-125.674905-0.546413-188.512357 0-20.76368 0-31.691933-8.196189-34.423996-28.959869-4.917714-36.609646-10.928253-72.67288-15.299554-109.282526-1.639238-12.56749-6.010539-20.217267-18.031617-26.227806-20.217267-9.835427-38.248884-23.495743-58.466151-33.33117-7.103364-3.824888-18.031617-5.464126-25.681394-2.732063-35.516821 12.56749-69.940817 26.774219-104.911225 40.434535-25.134981 9.835427-32.238345 7.649777-46.445074-16.392379-31.14552-53.002025-61.744627-106.00405-92.343735-159.006075-14.206728-24.588568-13.660316-30.599107 8.742602-48.084311 29.506282-23.495743 59.558977-45.898661 88.518846-69.940817 5.464126-4.371301 9.289015-14.206728 9.289015-21.310093 1.092825-20.217267-3.278476-41.52736 0-61.198215 3.824888-21.310093-4.917714-32.238345-20.217267-43.71301-27.320632-19.670855-52.455613-41.52736-79.229831-61.198215-15.845966-12.021078-19.670855-24.588568-9.289015-42.073773 33.33117-56.280501 66.115928-113.107414 98.900686-169.934328 9.289015-15.845966 21.310093-19.124442 38.248884-12.56749 36.063234 14.206728 72.126467 28.959869 108.736113 42.073773 7.649777 2.732063 19.670855 1.092825 27.320632-2.732063 20.76368-10.38184 39.341709-24.042156 60.105389-34.423996 10.928253-5.464126 14.753141-12.021078 15.845966-22.94933 4.917714-37.156059 10.928253-74.312118 15.845966-111.468177C386.322226 7.649777 397.796892 0 418.014159 0c62.837452 0.546413 125.674905 0.546413 188.512357 0 19.670855 0 30.599107 8.196189 32.784758 27.867044 4.917714 36.609646 10.928253 72.67288 15.299554 109.282526 1.639238 13.660316 6.556952 21.856505 19.670855 27.867044 19.124442 8.742602 37.156059 19.670855 54.641263 31.691933 11.474665 8.196189 21.310093 8.196189 33.877583 2.732063 33.877583-14.206728 68.301579-26.774219 102.725575-40.980947 19.124442-7.649777 32.238345-3.824888 42.620185 14.753141 31.14552 55.187676 63.930278 109.828939 95.62221 164.470202 12.56749 21.856505 10.928253 28.959869-9.289015 44.805836-28.959869 22.402918-57.919739 45.352248-87.426021 67.755166-9.835427 7.649777-12.56749 14.753141-11.474665 27.320632 2.185651 22.94933-0.546413 46.445074 0.546413 69.394404 0.546413 8.196189 4.371301 18.031617 10.38184 22.94933 28.959869 24.042156 59.012564 46.445074 88.518846 69.394404 20.217267 15.845966 21.310093 22.94933 8.742602 44.805836-32.238345 55.734088-64.47669 110.921764-97.261448 166.10944C901.042924 860.05348 891.753909 865.517606 885.196958 871.528145zM510.357893 692.304803c98.900686 0.546413 180.862581-79.776244 181.408993-177.584105 0.546413-100.539924-79.229831-181.955406-178.67693-182.501819-99.447099-0.546413-181.408993 80.322657-181.408993 179.769755C331.134551 610.342908 412.00362 691.75839 510.357893 692.304803z"
+  }));
+};

package/dist/table/components/icons/UpOutlined.d.ts

@@ -0,0 +1,3 @@
+import React from 'react';
+import { ISvgIconProps } from "../../../utils/types";
+export declare const UpOutlined: React.ForwardRefExoticComponent<Omit<ISvgIconProps, "ref"> & React.RefAttributes<HTMLElement>>;

package/dist/table/components/icons/UpOutlined.js

@@ -0,0 +1,28 @@
+var _excluded = ["style", "className"];
+function _extends() { _extends = Object.assign ? Object.assign.bind() : function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); }
+function _objectWithoutProperties(source, excluded) { if (source == null) return {}; var target = _objectWithoutPropertiesLoose(source, excluded); var key, i; if (Object.getOwnPropertySymbols) { var sourceSymbolKeys = Object.getOwnPropertySymbols(source); for (i = 0; i < sourceSymbolKeys.length; i++) { key = sourceSymbolKeys[i]; if (excluded.indexOf(key) >= 0) continue; if (!Object.prototype.propertyIsEnumerable.call(source, key)) continue; target[key] = source[key]; } } return target; }
+function _objectWithoutPropertiesLoose(source, excluded) { if (source == null) return {}; var target = {}; var sourceKeys = Object.keys(source); var key, i; for (i = 0; i < sourceKeys.length; i++) { key = sourceKeys[i]; if (excluded.indexOf(key) >= 0) continue; target[key] = source[key]; } return target; }
+import React, { forwardRef } from 'react';
+export var UpOutlined = /*#__PURE__*/forwardRef(function (_ref, ref) {
+  var style = _ref.style,
+    className = _ref.className,
+    rest = _objectWithoutProperties(_ref, _excluded);
+  return /*#__PURE__*/React.createElement("svg", _extends({
+    viewBox: "0 0 1024 1024",
+    version: "1.1",
+    xmlns: "http://www.w3.org/2000/svg",
+    width: "16",
+    height: "16"
+  }, rest, {
+    style: style,
+    className: className,
+    ref: ref
+  }), /*#__PURE__*/React.createElement("path", {
+    d: "M792.832 485.856c-12.512-12.544-32.8-12.48-45.248-0.032L544 688.992 544 128c0-17.664-14.336-32-32-32s-32 14.336-32 32l0 563.04-234.048-235.456c-12.48-12.576-32.704-12.64-45.248-0.128-12.544 12.448-12.608 32.704-0.128 45.248l287.52 289.248c3.168 3.2 6.88 5.536 10.816 7.136C502.912 798.88 507.296 800 512 800c11.296 0 20.704-6.176 26.4-14.976l254.368-253.952C805.312 518.624 805.312 498.368 792.832 485.856z",
+    fill: "#2c2c2c"
+  }), /*#__PURE__*/React.createElement("path", {
+    d: "M864 928 160 928c-17.664 0-32-14.304-32-32s14.336-32 32-32l704 0c17.696 0 32 14.304 32 32S881.696 928 864 928z",
+    fill: "#2c2c2c"
+  }));
+});
+UpOutlined.displayName = 'UpOutlined';

package/dist/table/components/primary-header-row/index.d.ts

@@ -0,0 +1,3 @@
+import React, { FC } from 'react';
+import './index.scss';
+export declare const PrimaryHeaderRow: FC<React.ThHTMLAttributes<HTMLTableRowElement>>;

package/dist/table/components/primary-header-row/index.js

@@ -0,0 +1,130 @@
+function _typeof(o) { "@babel/helpers - typeof"; return _typeof = "function" == typeof Symbol && "symbol" == typeof Symbol.iterator ? function (o) { return typeof o; } : function (o) { return o && "function" == typeof Symbol && o.constructor === Symbol && o !== Symbol.prototype ? "symbol" : typeof o; }, _typeof(o); }
+var _excluded = ["rowKey"],
+  _excluded2 = ["children", "className"],
+  _excluded3 = ["key"];
+function _extends() { _extends = Object.assign ? Object.assign.bind() : function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); }
+function ownKeys(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
+function _objectSpread(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys(Object(t), !0).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
+function _defineProperty(obj, key, value) { key = _toPropertyKey(key); if (key in obj) { Object.defineProperty(obj, key, { value: value, enumerable: true, configurable: true, writable: true }); } else { obj[key] = value; } return obj; }
+function _toPropertyKey(t) { var i = _toPrimitive(t, "string"); return "symbol" == _typeof(i) ? i : String(i); }
+function _toPrimitive(t, r) { if ("object" != _typeof(t) || !t) return t; var e = t[Symbol.toPrimitive]; if (void 0 !== e) { var i = e.call(t, r || "default"); if ("object" != _typeof(i)) return i; throw new TypeError("@@toPrimitive must return a primitive value."); } return ("string" === r ? String : Number)(t); }
+function _objectWithoutProperties(source, excluded) { if (source == null) return {}; var target = _objectWithoutPropertiesLoose(source, excluded); var key, i; if (Object.getOwnPropertySymbols) { var sourceSymbolKeys = Object.getOwnPropertySymbols(source); for (i = 0; i < sourceSymbolKeys.length; i++) { key = sourceSymbolKeys[i]; if (excluded.indexOf(key) >= 0) continue; if (!Object.prototype.propertyIsEnumerable.call(source, key)) continue; target[key] = source[key]; } } return target; }
+function _objectWithoutPropertiesLoose(source, excluded) { if (source == null) return {}; var target = {}; var sourceKeys = Object.keys(source); var key, i; for (i = 0; i < sourceKeys.length; i++) { key = sourceKeys[i]; if (excluded.indexOf(key) >= 0) continue; target[key] = source[key]; } return target; }
+import { DndContext } from '@dnd-kit/core';
+import { restrictToVerticalAxis } from '@dnd-kit/modifiers';
+import { CSS } from '@dnd-kit/utilities';
+import React, { useContext, useMemo } from 'react';
+import { Checkbox } from "../../../checkbox";
+import { useBem } from "../../../hooks/useBem";
+import { Popover } from "../../../popover";
+import { TableRowContext } from "../..";
+import { DragHandler } from "../icons/DragHandler";
+import { SettingFilled } from "../icons/SettingFilled";
+import { SortableContext, useSortable, verticalListSortingStrategy } from '@dnd-kit/sortable';
+import "./index.scss";
+var renderColumnTitle = function renderColumnTitle(title) {
+  if (typeof title === 'function') {
+    return title({});
+  }
+  return title;
+};
+var CheckBoxItem = function CheckBoxItem(_ref) {
+  var rowKey = _ref.rowKey,
+    column = _objectWithoutProperties(_ref, _excluded);
+  var bem = useBem('table');
+  var _useSortable = useSortable({
+      id: rowKey
+    }),
+    attributes = _useSortable.attributes,
+    listeners = _useSortable.listeners,
+    setNodeRef = _useSortable.setNodeRef,
+    setActivatorNodeRef = _useSortable.setActivatorNodeRef,
+    transform = _useSortable.transform,
+    transition = _useSortable.transition,
+    isDragging = _useSortable.isDragging;
+  var style = _objectSpread({
+    transform: CSS.Translate.toString(transform),
+    transition: transition
+  }, isDragging ? {
+    position: 'relative',
+    zIndex: 9999
+  } : {});
+  return /*#__PURE__*/React.createElement("div", _extends({
+    className: "".concat(bem.b('setting').b('checkbox')),
+    ref: setNodeRef,
+    style: style
+  }, attributes), /*#__PURE__*/React.createElement(DragHandler, _extends({
+    className: "".concat(bem.b('setting').e('drag-handler')),
+    ref: setActivatorNodeRef
+  }, listeners)), /*#__PURE__*/React.createElement(Checkbox, {
+    value: rowKey
+  }, renderColumnTitle(column.title)));
+};
+export var PrimaryHeaderRow = function PrimaryHeaderRow(_ref2) {
+  var _columns$map2;
+  var children = _ref2.children,
+    className = _ref2.className,
+    props = _objectWithoutProperties(_ref2, _excluded2);
+  var _useContext = useContext(TableRowContext),
+    columns = _useContext.columns,
+    swapColumns = _useContext.swapColumns,
+    keys = _useContext.keys,
+    updateKeys = _useContext.updateKeys,
+    type = _useContext.type,
+    showSetting = _useContext.showSetting;
+  var bem = useBem('table');
+  var handleDragEnd = function handleDragEnd(event) {
+    var active = event.active,
+      over = event.over;
+    if (active.id !== (over === null || over === void 0 ? void 0 : over.id) && active.id != null && (over === null || over === void 0 ? void 0 : over.id) != null) {
+      swapColumns === null || swapColumns === void 0 || swapColumns(active.id, over.id);
+    }
+  };
+  var checkAll = useMemo(function () {
+    return columns != null && columns.length > 0 && columns.length === (keys === null || keys === void 0 ? void 0 : keys.length);
+  }, [columns, keys]);
+  var handleCheckAllChange = function handleCheckAllChange(e) {
+    var _columns$map;
+    updateKeys === null || updateKeys === void 0 || updateKeys(e.target.checked ? (_columns$map = columns === null || columns === void 0 ? void 0 : columns.map(function (c) {
+      return c.key;
+    })) !== null && _columns$map !== void 0 ? _columns$map : [] : []);
+  };
+  return /*#__PURE__*/React.createElement("tr", _extends({
+    className: "".concat(type === 'primary' ? bem.b('thead').b('row').m('primary') : '', " ").concat(className !== null && className !== void 0 ? className : '')
+  }, props), children, showSetting ? /*#__PURE__*/React.createElement("th", {
+    className: "ant-table-cell ".concat(bem.b('setting'), " ").concat(type === 'primary' ? bem.b('setting').m('primary') : '')
+  }, /*#__PURE__*/React.createElement("div", {
+    className: "".concat(bem.b('setting').b('content'))
+  }, /*#__PURE__*/React.createElement(Popover, {
+    arrow: false,
+    trigger: ['click'],
+    content: /*#__PURE__*/React.createElement(DndContext, {
+      modifiers: [restrictToVerticalAxis],
+      onDragEnd: handleDragEnd
+    }, /*#__PURE__*/React.createElement(SortableContext, {
+      items: (_columns$map2 = columns === null || columns === void 0 ? void 0 : columns.map(function (column) {
+        return column.key;
+      })) !== null && _columns$map2 !== void 0 ? _columns$map2 : [],
+      strategy: verticalListSortingStrategy
+    }, /*#__PURE__*/React.createElement("div", {
+      className: "".concat(bem.b('setting').e('check-all'))
+    }, /*#__PURE__*/React.createElement(Checkbox, {
+      indeterminate: (keys === null || keys === void 0 ? void 0 : keys.length) !== 0 && !checkAll,
+      checked: checkAll,
+      onChange: handleCheckAllChange
+    }, "\u5217\u5C55\u793A")), /*#__PURE__*/React.createElement(Checkbox.Group, {
+      value: keys,
+      className: "".concat(bem.b('setting').b('checkbox-group')),
+      onChange: updateKeys
+    }, columns === null || columns === void 0 ? void 0 : columns.map(function (_ref3) {
+      var key = _ref3.key,
+        rest = _objectWithoutProperties(_ref3, _excluded3);
+      return /*#__PURE__*/React.createElement(CheckBoxItem, _extends({
+        key: key,
+        rowKey: key
+      }, rest));
+    }))))
+  }, /*#__PURE__*/React.createElement(SettingFilled, {
+    className: "".concat(bem.b('setting').e('icon'))
+  })))) : null);
+};

package/dist/table/components/primary-header-row/index.scss

@@ -0,0 +1,58 @@
+.yot-table {
+  &-thead {
+    &-row {
+      &--primary {
+        th {
+          background-color: var(--ant-color-primary) !important;
+          color: #fff !important;
+        }
+      }
+    }
+  }
+
+  &-setting {
+    width: 48px;
+
+    &-content {
+      flex: 1;
+      display: flex;
+      justify-content: center;
+    }
+
+    &-checkbox-group {
+      min-width: 200px;
+      display: flex;
+      flex-direction: column;
+    }
+
+    &__check-all {
+      margin-bottom: 5px;
+    }
+
+    &-checkbox {
+      display: flex;
+      align-items: center;
+      margin-bottom: 5px;
+    }
+
+    &__drag-handler {
+      margin-right: 20px;
+      cursor: grab;
+    }
+
+    &__icon {
+      cursor: pointer;
+      path {
+        fill: var(--ant-color-text-tertiary);
+      }
+    }
+
+    &--primary & {
+      &__icon {
+        path {
+          fill: #fff;
+        }
+      }
+    }
+  }
+}

package/dist/table/components/primary-tbody-row/index.d.ts

@@ -0,0 +1,3 @@
+import React, { FC } from 'react';
+import './index.scss';
+export declare const PrimaryTBodyRow: FC<React.TdHTMLAttributes<HTMLTableRowElement>>;

package/dist/table/components/primary-tbody-row/index.js

@@ -0,0 +1,40 @@
+var _excluded = ["children", "className"];
+function _extends() { _extends = Object.assign ? Object.assign.bind() : function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); }
+function _slicedToArray(arr, i) { return _arrayWithHoles(arr) || _iterableToArrayLimit(arr, i) || _unsupportedIterableToArray(arr, i) || _nonIterableRest(); }
+function _nonIterableRest() { throw new TypeError("Invalid attempt to destructure non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method."); }
+function _unsupportedIterableToArray(o, minLen) { if (!o) return; if (typeof o === "string") return _arrayLikeToArray(o, minLen); var n = Object.prototype.toString.call(o).slice(8, -1); if (n === "Object" && o.constructor) n = o.constructor.name; if (n === "Map" || n === "Set") return Array.from(o); if (n === "Arguments" || /^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n)) return _arrayLikeToArray(o, minLen); }
+function _arrayLikeToArray(arr, len) { if (len == null || len > arr.length) len = arr.length; for (var i = 0, arr2 = new Array(len); i < len; i++) arr2[i] = arr[i]; return arr2; }
+function _iterableToArrayLimit(r, l) { var t = null == r ? null : "undefined" != typeof Symbol && r[Symbol.iterator] || r["@@iterator"]; if (null != t) { var e, n, i, u, a = [], f = !0, o = !1; try { if (i = (t = t.call(r)).next, 0 === l) { if (Object(t) !== t) return; f = !1; } else for (; !(f = (e = i.call(t)).done) && (a.push(e.value), a.length !== l); f = !0); } catch (r) { o = !0, n = r; } finally { try { if (!f && null != t.return && (u = t.return(), Object(u) !== u)) return; } finally { if (o) throw n; } } return a; } }
+function _arrayWithHoles(arr) { if (Array.isArray(arr)) return arr; }
+function _objectWithoutProperties(source, excluded) { if (source == null) return {}; var target = _objectWithoutPropertiesLoose(source, excluded); var key, i; if (Object.getOwnPropertySymbols) { var sourceSymbolKeys = Object.getOwnPropertySymbols(source); for (i = 0; i < sourceSymbolKeys.length; i++) { key = sourceSymbolKeys[i]; if (excluded.indexOf(key) >= 0) continue; if (!Object.prototype.propertyIsEnumerable.call(source, key)) continue; target[key] = source[key]; } } return target; }
+function _objectWithoutPropertiesLoose(source, excluded) { if (source == null) return {}; var target = {}; var sourceKeys = Object.keys(source); var key, i; for (i = 0; i < sourceKeys.length; i++) { key = sourceKeys[i]; if (excluded.indexOf(key) >= 0) continue; target[key] = source[key]; } return target; }
+import React, { useContext, useState } from 'react';
+import { useBem } from "../../../hooks/useBem";
+import { TableRowContext } from "../..";
+import "./index.scss";
+export var PrimaryTBodyRow = function PrimaryTBodyRow(_ref) {
+  var children = _ref.children,
+    className = _ref.className,
+    props = _objectWithoutProperties(_ref, _excluded);
+  var _useContext = useContext(TableRowContext),
+    showSetting = _useContext.showSetting;
+  var bem = useBem('table');
+  var _useState = useState([]),
+    _useState2 = _slicedToArray(_useState, 2),
+    classList = _useState2[0],
+    setClassList = _useState2[1];
+  var handleMouseEnter = function handleMouseEnter() {
+    setClassList(['ant-table-cell', 'ant-table-cell-row-hover', "".concat(bem.b('setting'))]);
+  };
+  var handleMouseLeave = function handleMouseLeave() {
+    setClassList(['ant-table-cell', "".concat(bem.b('setting'))]);
+  };
+  return /*#__PURE__*/React.createElement("tr", _extends({
+    className: className
+  }, props, {
+    onMouseEnter: handleMouseEnter,
+    onMouseLeave: handleMouseLeave
+  }), children, showSetting ? /*#__PURE__*/React.createElement("td", {
+    className: classList.join(' ')
+  }) : null);
+};

package/dist/table/components/primary-tbody-row/index.scss

@@ -0,0 +1,5 @@
+.yot-table {
+  &-setting {
+    width: 48px;
+  }
+}

package/dist/table/index.d.ts

@@ -0,0 +1,41 @@
+import type { TableProps as AntTableProps } from 'antd';
+import { Table as AntTable } from 'antd';
+import { AnyObject } from 'antd/es/_util/type';
+import { ColumnType as AntColumnType, TableRef } from 'antd/es/table';
+import React from 'react';
+import './index.scss';
+type AntTableType = typeof AntTable;
+export type { TablePaginationConfig, TableRef } from 'antd/es/table';
+export type { ColumnFilterItem, ColumnTitle, ColumnTitleProps, CompareFn, ExpandType, ExpandableConfig, FilterConfirmProps, FilterDropdownProps, FilterKey, FilterSearchType, FilterValue, GetPopupContainer, GetRowKey, Key, RefInternalTable, RefTable, RowSelectMethod, RowSelectionType, SafeKey, SelectionItem, SelectionItemSelectFn, SelectionSelectFn, SortOrder, SorterResult, SorterTooltipProps, SorterTooltipTarget, TableAction, TableCurrentDataSource, TableLocale, TableRowSelection, TransformColumns, } from 'antd/es/table/interface';
+export interface TableProps<T = AnyObject> extends Omit<AntTableProps<T>, 'columns'> {
+    columns?: ColumnsType<T>;
+    type?: 'primary' | 'default';
+    showSetting?: boolean;
+}
+export interface ColumnType<T = AnyObject> extends Omit<AntColumnType<T>, 'key'> {
+    key: React.Key;
+}
+export interface ColumnGroupType<T = AnyObject> extends Omit<ColumnType<T>, 'dataIndex'> {
+    children: ColumnsType<T>;
+}
+export type ColumnsType<T = AnyObject> = (ColumnGroupType<T> | ColumnType<T>)[];
+export interface ColumnProps<RecordType = AnyObject> extends ColumnType<RecordType> {
+    children?: null;
+}
+export interface ColumnGroupProps<RecordType = AnyObject> extends Omit<ColumnType<RecordType>, 'children'> {
+    children: React.ReactElement<ColumnProps<RecordType>> | React.ReactElement<ColumnProps<RecordType>>[];
+}
+export interface ITableRowContext {
+    columns?: ColumnsType<AnyObject>;
+    keys?: React.Key[];
+    updateColumn?: (key: React.Key, column: ColumnType<AnyObject>) => void;
+    swapColumns?: (from: React.Key, to: React.Key) => void;
+    updateKeys?: (keys: React.Key[]) => void;
+    showSetting?: boolean;
+    type?: 'primary' | 'default';
+}
+export declare const TableRowContext: React.Context<ITableRowContext>;
+declare const ForwardRefTable: React.ForwardRefExoticComponent<TableProps<AnyObject> & React.RefAttributes<TableRef>>;
+type TableType = typeof ForwardRefTable & Pick<AntTableType, 'Column' | 'ColumnGroup' | 'EXPAND_COLUMN' | 'SELECTION_ALL' | 'SELECTION_COLUMN' | 'SELECTION_INVERT' | 'SELECTION_NONE'>;
+declare const Table: TableType;
+export { Table };