@trionesdev/antd-taro-react 0.0.1-beta.3 → 0.0.2-beta.0

package/dist/NoticeBar/notice-bar.js

@@ -1,112 +0,0 @@
-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); }
-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 _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; }
-import { CloseCircleOutline, SetOutline } from '@trionesdev/antd-taro-icons-react';
-import { useTimeout } from 'ahooks';
-import classNames from 'classnames';
-import React, { memo, useRef, useState } from 'react';
-import { useConfig } from "../ConfigProvider";
-import { withNativeProps } from "../utils/native-props";
-import { useMutationEffect } from "../utils/use-mutation-effect";
-import { useResizeEffect } from "../utils/use-resize-effect";
-import { mergeProp, mergeProps } from "../utils/with-default-props";
-import "./style.scss";
-var classPrefix = "triones-antm-notice-bar";
-var defaultProps = {
-  color: 'default',
-  delay: 2000,
-  speed: 50,
-  icon: /*#__PURE__*/React.createElement(SetOutline, null),
-  wrap: false,
-  shape: 'rectangular',
-  bordered: 'block'
-};
-export var NoticeBar = /*#__PURE__*/memo(function (props) {
-  var _useConfig = useConfig(),
-    _useConfig$noticeBar = _useConfig.noticeBar,
-    componentConfig = _useConfig$noticeBar === void 0 ? {} : _useConfig$noticeBar;
-  var mergedProps = mergeProps(defaultProps, componentConfig, props);
-  var closeIcon = mergeProp( /*#__PURE__*/React.createElement(CloseCircleOutline, {
-    className: "".concat(classPrefix, "-close-icon")
-  }), componentConfig.closeIcon, props.closeIcon);
-  var containerRef = useRef(null);
-  var textRef = useRef(null);
-  var _useState = useState(true),
-    _useState2 = _slicedToArray(_useState, 2),
-    visible = _useState2[0],
-    setVisible = _useState2[1];
-  var speed = mergedProps.speed;
-  var delayLockRef = useRef(true);
-  var animatingRef = useRef(false);
-  function start() {
-    if (delayLockRef.current || mergedProps.wrap) return;
-    var container = containerRef.current;
-    var text = textRef.current;
-    if (!container || !text) return;
-    if (container.offsetWidth >= text.offsetWidth) {
-      animatingRef.current = false;
-      text.style.removeProperty('transition-duration');
-      text.style.removeProperty('transform');
-      return;
-    }
-    if (animatingRef.current) return;
-    var initial = !text.style.transform;
-    text.style.transitionDuration = '0s';
-    if (initial) {
-      text.style.transform = 'translateX(0)';
-    } else {
-      text.style.transform = "translateX(".concat(container.offsetWidth, "px)");
-    }
-    var distance = initial ? text.offsetWidth : container.offsetWidth + text.offsetWidth;
-    animatingRef.current = true;
-    text.style.transitionDuration = "".concat(Math.round(distance / speed), "s");
-    text.style.transform = "translateX(-".concat(text.offsetWidth, "px)");
-  }
-  useTimeout(function () {
-    delayLockRef.current = false;
-    start();
-  }, mergedProps.delay);
-  useResizeEffect(function () {
-    start();
-  }, containerRef);
-  useMutationEffect(function () {
-    start();
-  }, textRef, {
-    subtree: true,
-    childList: true,
-    characterData: true
-  });
-  if (!visible) return null;
-  return withNativeProps(mergedProps, /*#__PURE__*/React.createElement("div", {
-    className: classNames(classPrefix, "".concat(classPrefix, "-").concat(mergedProps.color), "".concat(classPrefix, "-").concat(mergedProps.shape), _defineProperty(_defineProperty(_defineProperty({}, "".concat(classPrefix, "-wrap"), mergedProps.wrap), "".concat(classPrefix, "-bordered"), mergedProps.bordered === true), "".concat(classPrefix, "-without-border"), mergedProps.bordered === false)),
-    onClick: mergedProps.onClick
-  }, mergedProps.icon && /*#__PURE__*/React.createElement("div", {
-    className: "".concat(classPrefix, "-left")
-  }, mergedProps.icon), /*#__PURE__*/React.createElement("div", {
-    ref: containerRef,
-    className: "".concat(classPrefix, "-content")
-  }, /*#__PURE__*/React.createElement("div", {
-    onTransitionEnd: function onTransitionEnd() {
-      animatingRef.current = false;
-      start();
-    },
-    ref: textRef,
-    className: "".concat(classPrefix, "-content-inner")
-  }, mergedProps.content)), (mergedProps.closeable || mergedProps.extra) && /*#__PURE__*/React.createElement("div", {
-    className: "".concat(classPrefix, "-right")
-  }, mergedProps.extra, mergedProps.closeable && /*#__PURE__*/React.createElement("div", {
-    className: "".concat(classPrefix, "-close"),
-    onClick: function onClick() {
-      var _mergedProps$onClose;
-      setVisible(false);
-      (_mergedProps$onClose = mergedProps.onClose) === null || _mergedProps$onClose === void 0 || _mergedProps$onClose.call(mergedProps);
-    }
-  }, closeIcon))));
-});

package/dist/NoticeBar/style.scss

@@ -1,130 +0,0 @@
-$class-prefix-notice-bar: 'triones-antm-notice-bar';
-/* prettier-ignore */
-.#{$class-prefix-notice-bar} {
-  --background-color: var(--triones-antm-color-weak);
-  --border-color: var(--triones-antm-color-weak);
-  --text-color: var(--triones-antm-color-text-light-solid);
-  --font-size: var(--triones-antm-font-size-7);
-  --icon-font-size: var(--triones-antm-font-size-10);
-  --height: 40PX;
-  --triones-antm-notice-bar-border-radius: 4PX;
-  --triones-antm-notice-bar-border-width: 1PX;
-
-  flex: 1 auto;
-  height: var(--height);
-  box-sizing: border-box;
-  font-size: var(--font-size);
-  padding: 0 12PX;
-  display: flex;
-  align-items: center;
-  justify-content: space-between;
-
-  border: solid var(--triones-antm-notice-bar-border-width) var(--border-color);
-  border-left-width: 0;
-  border-right-width: 0;
-  background-color: var(--background-color);
-  color: var(--text-color);
-  & > span[role='img'] {
-    color: var(--text-color);
-  }
-
-  &.#{$class-prefix-notice-bar}-alert {
-    --background-color: #fff9ed;
-    --border-color: #fff3e9;
-    --text-color: var(--triones-antm-color-orange);
-  }
-  &.#{$class-prefix-notice-bar}-error {
-    --background-color: #d9281e;
-    --border-color: #d9281e;
-    --text-color: #fff;
-  }
-  &.#{$class-prefix-notice-bar}-info {
-    --background-color: #d0e4ff;
-    --border-color: #bcd8ff;
-    --text-color: var(--triones-antm-color-primary);
-  }
-  &.#{$class-prefix-notice-bar}-success {
-    --background-color: #d1fff0;
-    --border-color: #a8f0d8;
-    --text-color: var(--triones-antm-color-success);
-  }
-
-  & .#{$class-prefix-notice-bar}-left {
-    flex-shrink: 0;
-    margin-right: 8PX;
-    font-size: var(--icon-font-size);
-  }
-  & .#{$class-prefix-notice-bar}-content {
-    flex: 1;
-    overflow: hidden;
-    position: relative;
-    height: 100%;
-    display: flex;
-    align-items: center;
-
-    & .#{$class-prefix-notice-bar}-content-inner {
-      width: auto;
-      transition-timing-function: linear;
-      white-space: nowrap;
-    }
-  }
-
-  & .#{$class-prefix-notice-bar}-right {
-    display: flex;
-    align-items: center;
-    flex-shrink: 0;
-    margin-left: 12PX;
-  }
-
-  &-close {
-    width: 24PX;
-    height: 24PX;
-    margin-right: -3PX;
-    display: flex;
-    align-items: center;
-    justify-content: center;
-    font-size: var(--triones-antm-font-size-10);
-  }
-
-  &-wrap {
-    height: auto;
-    align-items: flex-start;
-    padding-top: 8PX;
-    padding-bottom: 8PX;
-    line-height: 22PX;
-  }
-
-  &-neutral {
-    border-radius: var(--triones-antm-notice-bar-border-radius);
-    -webkit-border-radius: var(--triones-antm-notice-bar-border-radius);
-    -moz-border-radius: var(--triones-antm-notice-bar-border-radius);
-    -ms-border-radius: var(--triones-antm-notice-bar-border-radius);
-    -o-border-radius: var(--triones-antm-notice-bar-border-radius);
-  }
-
-  &-rounded {
-    border-radius: 1000PX;
-    -webkit-border-radius: 1000PX;
-    -moz-border-radius: 1000PX;
-    -ms-border-radius: 1000PX;
-    -o-border-radius: 1000PX;
-}
-
-  &-bordered {
-    border-left-width: var(--triones-antm-notice-bar-border-width);
-    border-right-width: var(--triones-antm-notice-bar-border-width);
-  }
-
-  &-without-border {
-    border-top-width: 0;
-    border-bottom-width: 0;
-  }
-}
-
-.#{$class-prefix-notice-bar}.#{$class-prefix-notice-bar}-wrap {
-  .#{$class-prefix-notice-bar}-content {
-    .#{$class-prefix-notice-bar}-content-inner {
-      white-space: normal;
-    }
-  }
-}

package/dist/PageIndicator/demo/base.d.ts

@@ -1,3 +0,0 @@
-import React from 'react';
-declare const _default: () => React.JSX.Element;
-export default _default;

package/dist/PageIndicator/demo/base.js

@@ -1,41 +0,0 @@
-/**
- * compact: true
- */
-import { DemoBlock } from "../../DemoBlock";
-import React from 'react';
-import PageIndicator from "../index";
-export default (function () {
-  return /*#__PURE__*/React.createElement(React.Fragment, null, /*#__PURE__*/React.createElement(DemoBlock, {
-    title: "\u57FA\u7840\u7528\u6CD5"
-  }, /*#__PURE__*/React.createElement(PageIndicator, {
-    total: 4,
-    current: 0
-  })), /*#__PURE__*/React.createElement(DemoBlock, {
-    title: "\u767D\u8272",
-    background: "rgb(212 212 212)"
-  }, /*#__PURE__*/React.createElement(PageIndicator, {
-    total: 4,
-    current: 0,
-    color: "white"
-  })), /*#__PURE__*/React.createElement(DemoBlock, {
-    title: "\u7AD6\u76F4\u65B9\u5411"
-  }, /*#__PURE__*/React.createElement(PageIndicator, {
-    total: 4,
-    current: 0,
-    direction: "vertical"
-  })), /*#__PURE__*/React.createElement(DemoBlock, {
-    title: "\u81EA\u5B9A\u4E49\u989C\u8272\u548C\u5927\u5C0F"
-  }, /*#__PURE__*/React.createElement(PageIndicator, {
-    total: 4,
-    current: 0,
-    style: {
-      '--dot-color': 'rgba(0, 0, 0, 0.4)',
-      '--active-dot-color': '#ffc0cb',
-      '--dot-size': '10px',
-      '--active-dot-size': '30px',
-      '--dot-border-radius': '50%',
-      '--active-dot-border-radius': '15px',
-      '--dot-spacing': '8px'
-    }
-  })));
-});

package/dist/PageIndicator/page-indicator.d.ts

@@ -1,10 +0,0 @@
-import React from 'react';
-import { NativeProps } from '../utils/native-props';
-import './style.scss';
-export type PageIndicatorProps = {
-    total: number;
-    current: number;
-    direction?: 'horizontal' | 'vertical';
-    color?: 'primary' | 'white';
-} & NativeProps<'--dot-color' | '--active-dot-color' | '--dot-size' | '--active-dot-size' | '--dot-border-radius' | '--active-dot-border-radius' | '--dot-spacing'>;
-export declare const PageIndicator: React.NamedExoticComponent<PageIndicatorProps>;

package/dist/PageIndicator/page-indicator.js

@@ -1,27 +0,0 @@
-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); }
-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); }
-import React, { memo } from 'react';
-import classNames from 'classnames';
-import { withNativeProps } from "../utils/native-props";
-import { mergeProps } from "../utils/with-default-props";
-import "./style.scss";
-var classPrefix = "triones-antm-page-indicator";
-var defaultProps = {
-  color: 'primary',
-  direction: 'horizontal'
-};
-export var PageIndicator = /*#__PURE__*/memo(function (p) {
-  var props = mergeProps(defaultProps, p);
-  var dots = [];
-  for (var i = 0; i < props.total; i++) {
-    dots.push( /*#__PURE__*/React.createElement("div", {
-      key: i,
-      className: classNames("".concat(classPrefix, "-dot"), _defineProperty({}, "".concat(classPrefix, "-dot-active"), props.current === i))
-    }));
-  }
-  return withNativeProps(props, /*#__PURE__*/React.createElement("div", {
-    className: classNames(classPrefix, "".concat(classPrefix, "-").concat(props.direction), "".concat(classPrefix, "-color-").concat(props.color))
-  }, dots));
-});

package/dist/PageIndicator/style.scss

@@ -1,59 +0,0 @@
-/* prettier-ignore */
-.triones-antm-page-indicator {
-  display: flex;
-  width: auto;
-
-  --dot-color: #ccc;
-  --active-dot-color: #1677ff;
-  --dot-size: 3PX;
-  --active-dot-size: 13PX;
-  --dot-border-radius: 1PX;
-  --active-dot-border-radius: var(--dot-border-radius);
-  --dot-spacing: 3PX;
-
-  &-dot {
-    display: block;
-    width: var(--dot-size);
-    height: var(--dot-size);
-    border-radius: var(--dot-border-radius);
-    background: var(--dot-color);
-
-    &:last-child {
-      margin-right: 0;
-    }
-
-    &-active {
-      border-radius: var(--active-dot-border-radius);
-      background: var(--active-dot-color);
-    }
-  }
-
-  &-color-white {
-    --dot-color: rgba(255, 255, 255, 50%);
-    --active-dot-color: #fff;
-  }
-
-  &-horizontal {
-    flex-direction: row;
-
-    .triones-antm-page-indicator-dot {
-      margin-right: var(--dot-spacing);
-
-      &-active {
-        width: var(--active-dot-size);
-      }
-    }
-  }
-
-  &-vertical {
-    flex-direction: column;
-
-    .triones-antm-page-indicator-dot {
-      margin-bottom: var(--dot-spacing);
-
-      &-active {
-        height: var(--active-dot-size);
-      }
-    }
-  }
-}

package/dist/Picker/demo/base.d.ts

@@ -1,3 +0,0 @@
-import React from "react";
-declare const _default: () => React.JSX.Element;
-export default _default;

package/dist/Picker/demo/base.js

@@ -1,56 +0,0 @@
-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; }
-import React from "react";
-import { DemoBlock } from "../../DemoBlock";
-import { Picker } from "../picker";
-import Button from "../../Button";
-export default (function () {
-  var _React$useState = React.useState(false),
-    _React$useState2 = _slicedToArray(_React$useState, 2),
-    open = _React$useState2[0],
-    setOpen = _React$useState2[1];
-  var basicColumns = [[{
-    label: '周一',
-    value: 'Mon'
-  }, {
-    label: '周二',
-    value: 'Tues'
-  }, {
-    label: '周三',
-    value: 'Wed'
-  }, {
-    label: '周四',
-    value: 'Thur'
-  }, {
-    label: '周五',
-    value: 'Fri'
-  }], [{
-    label: '上午',
-    value: 'am'
-  }, {
-    label: '下午',
-    value: 'pm'
-  }]];
-  return /*#__PURE__*/React.createElement(React.Fragment, null, /*#__PURE__*/React.createElement(DemoBlock, {
-    title: "\u57FA\u672C\u4F7F\u7528"
-  }, /*#__PURE__*/React.createElement(Picker, {
-    open: open,
-    afterOpenChange: function afterOpenChange(o) {
-      setOpen(o);
-    },
-    columns: basicColumns,
-    value: ["Fri"],
-    onOk: function onOk(v) {
-      console.log(v);
-    }
-  }), /*#__PURE__*/React.createElement(Button, {
-    block: true,
-    onClick: function onClick() {
-      setOpen(true);
-    }
-  }, "\u9009\u62E9")));
-});

package/dist/Picker/picker.d.ts

@@ -1,19 +0,0 @@
-import React, { FC } from "react";
-import "./style.scss";
-import { PickerColumnOption } from "../PickerView";
-export type PickerProps = {
-    open?: boolean;
-    afterOpenChange?: (open: boolean) => void;
-    title?: React.ReactNode;
-    columns?: PickerColumnOption[][];
-    /**
-     * @description 是否把每个选项的 label 包装到 value 中，会把 Select 的 value 类型从 string 变为 { value: string, label: ReactNode } 的格式
-     * @default false
-     */
-    labelInValue?: boolean;
-    value?: any[];
-    onOk: (value: any[]) => void;
-    onCancel?: () => void;
-    onClose?: () => void;
-};
-export declare const Picker: FC<PickerProps>;

package/dist/Picker/picker.js

@@ -1,94 +0,0 @@
-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; }
-import React, { useEffect, useState } from "react";
-import Popup from "../Popup";
-import classNames from "classnames";
-import "./style.scss";
-import _ from "lodash";
-import PickerView from "../PickerView";
-var pickerCls = "triones-antm-picker";
-export var Picker = /*#__PURE__*/React.memo(function (_ref) {
-  var open = _ref.open,
-    afterOpenChange = _ref.afterOpenChange,
-    title = _ref.title,
-    columns = _ref.columns,
-    _ref$labelInValue = _ref.labelInValue,
-    labelInValue = _ref$labelInValue === void 0 ? false : _ref$labelInValue,
-    value = _ref.value,
-    onOk = _ref.onOk,
-    onCancel = _ref.onCancel,
-    onClose = _ref.onClose;
-  var _useState = useState(value || Array.from({
-      length: _.size(columns)
-    }).map(function () {
-      return null;
-    })),
-    _useState2 = _slicedToArray(_useState, 2),
-    internalValue = _useState2[0],
-    setInternalValue = _useState2[1];
-  var _React$useState = React.useState(open || false),
-    _React$useState2 = _slicedToArray(_React$useState, 2),
-    innerOpen = _React$useState2[0],
-    setInnerOpen = _React$useState2[1];
-  var handleClose = function handleClose() {
-    setInnerOpen(false);
-    onClose === null || onClose === void 0 || onClose();
-  };
-  var handleOk = function handleOk() {
-    onOk === null || onOk === void 0 || onOk(internalValue);
-    handleClose();
-  };
-  var handelCancel = function handelCancel() {
-    onCancel === null || onCancel === void 0 || onCancel();
-    handleClose();
-  };
-  useEffect(function () {
-    afterOpenChange === null || afterOpenChange === void 0 || afterOpenChange(innerOpen);
-  }, [innerOpen]);
-  useEffect(function () {
-    if (open == undefined) {
-      return;
-    }
-    if (open == innerOpen) {
-      return;
-    }
-    setInnerOpen(open);
-  }, [open]);
-  return /*#__PURE__*/React.createElement(Popup, {
-    open: innerOpen,
-    afterOpenChange: function afterOpenChange(o) {
-      setInnerOpen(o);
-    },
-    styles: {
-      body: {
-        borderTopLeftRadius: 6,
-        borderTopRightRadius: 6
-      }
-    }
-  }, /*#__PURE__*/React.createElement("div", {
-    className: classNames(pickerCls)
-  }, /*#__PURE__*/React.createElement("div", {
-    className: classNames("".concat(pickerCls, "-header"))
-  }, /*#__PURE__*/React.createElement("a", {
-    className: classNames("".concat(pickerCls, "-header-button")),
-    onClick: handelCancel
-  }, "\u53D6\u6D88"), title && /*#__PURE__*/React.createElement("div", {
-    className: classNames("".concat(pickerCls, "-header-title"))
-  }, title), /*#__PURE__*/React.createElement("a", {
-    className: classNames("".concat(pickerCls, "-header-button")),
-    onClick: handleOk
-  }, "\u786E\u5B9A")), /*#__PURE__*/React.createElement("div", {
-    className: classNames("".concat(pickerCls, "-body"))
-  }, /*#__PURE__*/React.createElement(PickerView, {
-    columns: columns,
-    labelInValue: labelInValue,
-    value: internalValue,
-    onChange: function onChange(v) {
-      setInternalValue(v);
-    }
-  }))));
-});

package/dist/Picker/style.scss

@@ -1,37 +0,0 @@
-$pickerCls: 'triones-antm-picker';
-
-.#{$pickerCls} {
-  width: 100%;
-  height: 300Px;
-  overflow: hidden;
-  position: relative;
-  display: flex;
-  flex-direction: column;
-
-  &-header {
-    display: flex;
-    justify-content: space-between;
-    align-items: center;
-    border-bottom: 1Px solid #eee;
-    padding: 4Px;
-
-    &-button {
-      padding: 8Px;
-      font-size: 14Px;
-    }
-
-    &-title {
-    }
-  }
-
-  &-body {
-    flex: 1 1;
-    width: 100%;
-    height: 100%;
-    pointer-events: unset;
-  }
-  &-view{
-    --height: 100%;
-  }
-
-}

package/dist/PickerView/demo/base.d.ts

@@ -1,3 +0,0 @@
-import React from "react";
-declare const _default: () => React.JSX.Element;
-export default _default;

package/dist/PickerView/demo/base.js

@@ -1,36 +0,0 @@
-import React from "react";
-import { DemoBlock } from "../../DemoBlock";
-import { PickerView } from "../picker-view";
-export default (function () {
-  var basicColumns = [[{
-    label: '周一',
-    value: 'Mon'
-  }, {
-    label: '周二',
-    value: 'Tues'
-  }, {
-    label: '周三',
-    value: 'Wed'
-  }, {
-    label: '周四',
-    value: 'Thur'
-  }, {
-    label: '周五',
-    value: 'Fri'
-  }], [{
-    label: '上午',
-    value: 'am'
-  }, {
-    label: '下午',
-    value: 'pm'
-  }]];
-  return /*#__PURE__*/React.createElement(React.Fragment, null, /*#__PURE__*/React.createElement(DemoBlock, {
-    title: "\u57FA\u672C\u4F7F\u7528"
-  }, /*#__PURE__*/React.createElement("div", {
-    style: {
-      height: 240
-    }
-  }, /*#__PURE__*/React.createElement(PickerView, {
-    columns: basicColumns
-  }))));
-});

package/dist/PickerView/picker-view-column-item.d.ts

@@ -1,7 +0,0 @@
-import { FC } from "react";
-import { PickerColumnOption } from "./types";
-type PickerViewColumnItemProps = {
-    option: PickerColumnOption;
-};
-export declare const PickerViewColumnItem: FC<PickerViewColumnItemProps>;
-export {};

package/dist/PickerView/picker-view-column-item.js

@@ -1,11 +0,0 @@
-import classNames from "classnames";
-import React from "react";
-var pickerViewCls = "triones-antm-picker-view";
-export var PickerViewColumnItem = function PickerViewColumnItem(_ref) {
-  var option = _ref.option;
-  return /*#__PURE__*/React.createElement("div", {
-    className: classNames("".concat(pickerViewCls, "-column-item"))
-  }, /*#__PURE__*/React.createElement("div", {
-    className: "".concat(pickerViewCls, "-column-item-label")
-  }, option.label));
-};