@trionesdev/antd-taro-react 0.0.1-beta.3

package/dist/WaterMark/style.scss

@@ -0,0 +1,17 @@
+$class-prefix-water-mark: 'triones-antm-water-mark';
+/* prettier-ignore */
+.#{$class-prefix-water-mark} {
+  --z-index: var(--triones-antm-water-mark-z-index, 2000);
+
+  position: absolute;
+  z-index: var(--z-index);
+  left: 0;
+  right: 0;
+  top: 0;
+  bottom: 0;
+  pointer-events: none;
+  background-repeat: repeat;
+  &-full-page {
+    position: fixed;
+  }
+}

package/dist/WaterMark/water-mark.d.ts

@@ -0,0 +1,22 @@
+import type { FC } from 'react';
+import { NativeProps } from '../utils/native-props';
+import './style.scss';
+export type WaterMarkProps = {
+    gapX?: number;
+    gapY?: number;
+    zIndex?: number;
+    width?: number;
+    height?: number;
+    rotate?: number;
+    image?: string;
+    imageWidth?: number;
+    imageHeight?: number;
+    content?: string | string[];
+    fontColor?: string;
+    fontStyle?: 'none' | 'normal' | 'italic' | 'oblique';
+    fontFamily?: string;
+    fontWeight?: 'normal' | 'light' | 'weight' | number;
+    fontSize?: number | string;
+    fullPage?: boolean;
+} & NativeProps<'--z-index'>;
+export declare const WaterMark: FC<WaterMarkProps>;

package/dist/WaterMark/water-mark.js

@@ -0,0 +1,108 @@
+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 classNames from 'classnames';
+import React, { useEffect, useState } from 'react';
+import { withNativeProps } from "../utils/native-props";
+import { mergeProps } from "../utils/with-default-props";
+import "./style.scss";
+var classPrefix = "triones-antm-water-mark";
+var defaultProps = {
+  fullPage: true
+};
+export var WaterMark = function WaterMark(p) {
+  var props = mergeProps(defaultProps, p);
+  var zIndex = props.zIndex,
+    _props$gapX = props.gapX,
+    gapX = _props$gapX === void 0 ? 24 : _props$gapX,
+    _props$gapY = props.gapY,
+    gapY = _props$gapY === void 0 ? 48 : _props$gapY,
+    _props$width = props.width,
+    width = _props$width === void 0 ? 120 : _props$width,
+    _props$height = props.height,
+    height = _props$height === void 0 ? 64 : _props$height,
+    _props$rotate = props.rotate,
+    rotate = _props$rotate === void 0 ? -22 : _props$rotate,
+    image = props.image,
+    _props$imageWidth = props.imageWidth,
+    imageWidth = _props$imageWidth === void 0 ? 120 : _props$imageWidth,
+    _props$imageHeight = props.imageHeight,
+    imageHeight = _props$imageHeight === void 0 ? 64 : _props$imageHeight,
+    content = props.content,
+    _props$fontStyle = props.fontStyle,
+    fontStyle = _props$fontStyle === void 0 ? 'normal' : _props$fontStyle,
+    _props$fontWeight = props.fontWeight,
+    fontWeight = _props$fontWeight === void 0 ? 'normal' : _props$fontWeight,
+    _props$fontColor = props.fontColor,
+    fontColor = _props$fontColor === void 0 ? 'rgba(0,0,0,.15)' : _props$fontColor,
+    _props$fontSize = props.fontSize,
+    fontSize = _props$fontSize === void 0 ? 14 : _props$fontSize,
+    _props$fontFamily = props.fontFamily,
+    fontFamily = _props$fontFamily === void 0 ? 'sans-serif' : _props$fontFamily;
+  var _useState = useState(''),
+    _useState2 = _slicedToArray(_useState, 2),
+    base64Url = _useState2[0],
+    setBase64Url = _useState2[1];
+  useEffect(function () {
+    var canvas = document.createElement('canvas');
+    var ratio = window.devicePixelRatio;
+    var ctx = canvas.getContext('2d');
+    var canvasWidth = "".concat((gapX + width) * ratio, "px");
+    var canvasHeight = "".concat((gapY + height) * ratio, "px");
+    var markWidth = width * ratio;
+    var markHeight = height * ratio;
+    canvas.setAttribute('width', canvasWidth);
+    canvas.setAttribute('height', canvasHeight);
+    if (ctx) {
+      if (image) {
+        ctx.translate(markWidth / 2, markHeight / 2);
+        ctx.rotate(Math.PI / 180 * Number(rotate));
+        var img = new Image();
+        img.crossOrigin = 'anonymous';
+        img.referrerPolicy = 'no-referrer';
+        img.onload = function () {
+          ctx.drawImage(img, -imageWidth * ratio / 2, -imageHeight * ratio / 2, imageWidth * ratio, imageHeight * ratio);
+          ctx.restore();
+          setBase64Url(canvas.toDataURL());
+        };
+        img.src = image;
+      } else if (content) {
+        ctx.textBaseline = 'middle';
+        ctx.textAlign = 'center';
+        // 文字绕中间旋转
+        ctx.translate(markWidth / 2, markHeight / 2);
+        ctx.rotate(Math.PI / 180 * Number(rotate));
+        var markSize = Number(fontSize) * ratio;
+        ctx.font = "".concat(fontStyle, " normal ").concat(fontWeight, " ").concat(markSize, "px/").concat(markHeight, "px ").concat(fontFamily);
+        ctx.fillStyle = fontColor;
+        if (Array.isArray(content)) {
+          content.forEach(function (item, index) {
+            return ctx.fillText(item, 0, index * markSize);
+          });
+        } else {
+          ctx.fillText(content, 0, 0);
+        }
+        ctx.restore();
+        setBase64Url(canvas.toDataURL());
+      }
+    } else {
+      throw new Error('Canvas is not supported in the current environment');
+    }
+  }, [gapX, gapY, rotate, fontStyle, fontWeight, width, height, fontFamily, fontColor, image, content, fontSize]);
+  return withNativeProps(props, /*#__PURE__*/React.createElement("div", {
+    className: classNames(classPrefix, _defineProperty({}, "".concat(classPrefix, "-full-page"), props.fullPage)),
+    style: {
+      zIndex: zIndex,
+      backgroundSize: "".concat(gapX + width, "px"),
+      // Not give `url` if its empty. Which will cause 404 error.
+      backgroundImage: base64Url === '' ? undefined : "url('".concat(base64Url, "')")
+    }
+  }));
+};

package/dist/index.d.ts

@@ -0,0 +1,63 @@
+import './style';
+export { default as Alert } from './Alert';
+export type { AlertProps } from './Alert';
+export { default as Avatar } from './Avatar';
+export { default as Badge } from './Badge';
+export { default as Button } from './Button';
+export type { ButtonProps } from './Button';
+export { default as Calendar, CalendarGrid, TouchableCalendarGrid, } from './Calendar';
+export type { CalendarGridProps, CalendarProps } from './Calendar';
+export { default as CalendarPicker } from './CalendarPicker';
+export type { CalendarPickerProps } from './CalendarPicker';
+export { default as Card } from './Card';
+export { default as Checkbox } from './Checkbox';
+export { default as ConfigProvider } from './ConfigProvider';
+export { default as Divider } from './Divider';
+export { default as Ellipsis } from './Ellipsis';
+export { default as Empty } from './Empty';
+export { default as ErrorBlock } from './ErrorBlock';
+export { default as Footer } from './Footer';
+export { default as Form } from './Form';
+export type { FormItemProps, FormProps } from './Form';
+export { default as Grid } from './Grid';
+export { default as Image } from './Images';
+export { default as Input } from './Input';
+export type { InputOPTProps, InputPasswordProps, InputProps } from './Input';
+export { default as InputNumber } from './InputNumber';
+export type { InputNumberProps } from './InputNumber';
+export { default as NavBar } from './NavBar';
+export { default as NoticeBar } from './NoticeBar';
+export { default as PageIndicator } from './PageIndicator';
+export { default as Picker } from './Picker';
+export type { PickerProps } from './Picker';
+export { default as PickerView } from './PickerView';
+export { default as Popup } from './Popup';
+export type { PopupProps } from './Popup';
+export { default as ProgressBar } from './ProgressBar';
+export { default as Radio } from './Radio';
+export { default as Rate } from './Rate';
+export { default as Result } from './Result';
+export { default as SafeArea } from './SafeArea';
+export { default as Scaffold } from './Scaffold';
+export type { ScaffoldProps } from './Scaffold';
+export { default as ScrollView } from './ScrollView';
+export type { ScrollViewProps } from './ScrollView';
+export { default as SideBar } from './SideBar';
+export type { SideBarProps } from './SideBar';
+export { default as Space } from './Space';
+export { default as SpinLoading } from './SpinLoading';
+export { default as Switch } from './Switch';
+export { default as TabBar } from './TabBar';
+export { default as Tag } from './Tag';
+export type { TagProps } from './Tag';
+export { default as Toast } from './Toast';
+export type { ToastProps } from './Toast';
+export { default as VerificationCodeInput } from './VerificationCodeInput';
+export { default as WaterMark } from './WaterMark';
+export { default as CascaderPicker } from './CascaderPicker';
+export type { CascaderPickerProps } from './CascaderPicker';
+export { default as CascaderView } from './CascaderView';
+export type { CascaderViewProps } from './CascaderView';
+export { default as Mark } from './Mark';
+export { default as Tabs } from './Tabs';
+export type { TabsProps } from './Tabs';

package/dist/index.js

@@ -0,0 +1,46 @@
+import "./style";
+export { default as Alert } from "./Alert";
+export { default as Avatar } from "./Avatar";
+export { default as Badge } from "./Badge";
+export { default as Button } from "./Button";
+export { default as Calendar, CalendarGrid, TouchableCalendarGrid } from "./Calendar";
+export { default as CalendarPicker } from "./CalendarPicker";
+export { default as Card } from "./Card";
+export { default as Checkbox } from "./Checkbox";
+export { default as ConfigProvider } from "./ConfigProvider";
+export { default as Divider } from "./Divider";
+export { default as Ellipsis } from "./Ellipsis";
+export { default as Empty } from "./Empty";
+export { default as ErrorBlock } from "./ErrorBlock";
+export { default as Footer } from "./Footer";
+export { default as Form } from "./Form";
+export { default as Grid } from "./Grid";
+export { default as Image } from "./Images";
+export { default as Input } from "./Input";
+export { default as InputNumber } from "./InputNumber";
+export { default as NavBar } from "./NavBar";
+export { default as NoticeBar } from "./NoticeBar";
+export { default as PageIndicator } from "./PageIndicator";
+export { default as Picker } from "./Picker";
+export { default as PickerView } from "./PickerView";
+export { default as Popup } from "./Popup";
+export { default as ProgressBar } from "./ProgressBar";
+export { default as Radio } from "./Radio";
+export { default as Rate } from "./Rate";
+export { default as Result } from "./Result";
+export { default as SafeArea } from "./SafeArea";
+export { default as Scaffold } from "./Scaffold";
+export { default as ScrollView } from "./ScrollView";
+export { default as SideBar } from "./SideBar";
+export { default as Space } from "./Space";
+export { default as SpinLoading } from "./SpinLoading";
+export { default as Switch } from "./Switch";
+export { default as TabBar } from "./TabBar";
+export { default as Tag } from "./Tag";
+export { default as Toast } from "./Toast";
+export { default as VerificationCodeInput } from "./VerificationCodeInput";
+export { default as WaterMark } from "./WaterMark";
+export { default as CascaderPicker } from "./CascaderPicker";
+export { default as CascaderView } from "./CascaderView";
+export { default as Mark } from "./Mark";
+export { default as Tabs } from "./Tabs";

package/dist/locales/base.d.ts

@@ -0,0 +1,139 @@
+export declare const base: {
+    locale: string;
+    common: {
+        confirm: string;
+        cancel: string;
+        loading: string;
+        close: string;
+    };
+    Calendar: {
+        title: string;
+        confirm: string;
+        start: string;
+        end: string;
+        today: string;
+        markItems: string[];
+        yearAndMonth: string;
+    };
+    Cascader: {
+        placeholder: string;
+    };
+    Dialog: {
+        ok: string;
+    };
+    DatePicker: {
+        tillNow: string;
+    };
+    ErrorBlock: {
+        default: {
+            title: string;
+            description: string;
+        };
+        busy: {
+            title: string;
+            description: string;
+        };
+        disconnected: {
+            title: string;
+            description: string;
+        };
+        empty: {
+            title: string;
+            description: string;
+        };
+    };
+    Form: {
+        required: string;
+        optional: string;
+        defaultValidateMessages: {
+            default: string;
+            required: string;
+            enum: string;
+            whitespace: string;
+            date: {
+                format: string;
+                parse: string;
+                invalid: string;
+            };
+            types: {
+                string: string;
+                method: string;
+                array: string;
+                object: string;
+                number: string;
+                date: string;
+                boolean: string;
+                integer: string;
+                float: string;
+                regexp: string;
+                email: string;
+                url: string;
+                hex: string;
+            };
+            string: {
+                len: string;
+                min: string;
+                max: string;
+                range: string;
+            };
+            number: {
+                len: string;
+                min: string;
+                max: string;
+                range: string;
+            };
+            array: {
+                len: string;
+                min: string;
+                max: string;
+                range: string;
+            };
+            pattern: {
+                mismatch: string;
+            };
+        };
+    };
+    ImageUploader: {
+        uploading: string;
+        upload: string;
+    };
+    InfiniteScroll: {
+        noMore: string;
+        failedToLoad: string;
+        retry: string;
+    };
+    Input: {
+        clear: string;
+    };
+    Mask: {
+        name: string;
+    };
+    Modal: {
+        ok: string;
+    };
+    PasscodeInput: {
+        name: string;
+    };
+    PullToRefresh: {
+        pulling: string;
+        canRelease: string;
+        complete: string;
+    };
+    SearchBar: {
+        name: string;
+    };
+    Slider: {
+        name: string;
+    };
+    Stepper: {
+        decrease: string;
+        increase: string;
+    };
+    Switch: {
+        name: string;
+    };
+    Selector: {
+        name: string;
+    };
+};
+export type Locale = typeof base;

package/dist/locales/base.js

@@ -0,0 +1,139 @@
+var typeTemplate = '${label} is not a valid ${type}';
+export var base = {
+  locale: 'en',
+  common: {
+    confirm: 'Confirm',
+    cancel: 'Cancel',
+    loading: 'Loading',
+    close: 'Close'
+  },
+  Calendar: {
+    title: 'Date selection',
+    confirm: 'Confirm',
+    start: 'start',
+    end: 'end',
+    today: 'today',
+    markItems: ['Mon', 'Tue', 'Wed', 'Thu', 'Fri', 'Sat', 'Sun'],
+    yearAndMonth: '${year}/${month}'
+  },
+  Cascader: {
+    placeholder: 'Selecting'
+  },
+  Dialog: {
+    ok: 'OK'
+  },
+  DatePicker: {
+    tillNow: 'Till Now'
+  },
+  ErrorBlock: {
+    default: {
+      title: 'Oops, something went wrong',
+      description: 'Please wait a minute and try again'
+    },
+    busy: {
+      title: 'Oops, not loading',
+      description: 'Try to refresh the page'
+    },
+    disconnected: {
+      title: 'Network is busy',
+      description: 'Try to refresh the page'
+    },
+    empty: {
+      title: "Hmm, couldn't find that...",
+      description: 'Want to try a new search?'
+    }
+  },
+  Form: {
+    required: 'Required',
+    optional: 'Optional',
+    defaultValidateMessages: {
+      default: 'Field validation error for ${label}',
+      required: 'Please enter ${label}',
+      enum: '${label} must be one of [${enum}]',
+      whitespace: '${label} cannot be a blank character',
+      date: {
+        format: '${label} date format is invalid',
+        parse: '${label} cannot be converted to a date',
+        invalid: '${label} is an invalid date'
+      },
+      types: {
+        string: typeTemplate,
+        method: typeTemplate,
+        array: typeTemplate,
+        object: typeTemplate,
+        number: typeTemplate,
+        date: typeTemplate,
+        boolean: typeTemplate,
+        integer: typeTemplate,
+        float: typeTemplate,
+        regexp: typeTemplate,
+        email: typeTemplate,
+        url: typeTemplate,
+        hex: typeTemplate
+      },
+      string: {
+        len: '${label} must be ${len} characters',
+        min: '${label} must be at least ${min} characters',
+        max: '${label} must be up to ${max} characters',
+        range: '${label} must be between ${min}-${max} characters'
+      },
+      number: {
+        len: '${label} must be equal to ${len}',
+        min: '${label} must be minimum ${min}',
+        max: '${label} must be maximum ${max}',
+        range: '${label} must be between ${min}-${max}'
+      },
+      array: {
+        len: 'Must be ${len} ${label}',
+        min: 'At least ${min} ${label}',
+        max: 'At most ${max} ${label}',
+        range: 'The amount of ${label} must be between ${min}-${max}'
+      },
+      pattern: {
+        mismatch: '${label} does not match the pattern ${pattern}'
+      }
+    }
+  },
+  ImageUploader: {
+    uploading: 'Uploading...',
+    upload: 'Upload'
+  },
+  InfiniteScroll: {
+    noMore: 'No more',
+    failedToLoad: 'Failed to load',
+    retry: 'Retry'
+  },
+  Input: {
+    clear: 'clear'
+  },
+  Mask: {
+    name: 'Mask'
+  },
+  Modal: {
+    ok: 'OK'
+  },
+  PasscodeInput: {
+    name: 'Passcode Input'
+  },
+  PullToRefresh: {
+    pulling: 'Scroll down to refresh',
+    canRelease: 'Release to refresh immediately',
+    complete: 'Refresh successful'
+  },
+  SearchBar: {
+    name: 'Search Bar'
+  },
+  Slider: {
+    name: 'Slider'
+  },
+  Stepper: {
+    decrease: 'decrease',
+    increase: 'increase'
+  },
+  Switch: {
+    name: 'Switch'
+  },
+  Selector: {
+    name: 'Selector'
+  }
+};

package/dist/locales/en-US.d.ts

@@ -0,0 +1,139 @@
+declare const enUS: {
+    locale: string;
+    common: {
+        confirm: string;
+        cancel: string;
+        loading: string;
+        close: string;
+    };
+    Calendar: {
+        title: string;
+        confirm: string;
+        start: string;
+        end: string;
+        today: string;
+        markItems: string[];
+        yearAndMonth: string;
+    };
+    Cascader: {
+        placeholder: string;
+    };
+    Dialog: {
+        ok: string;
+    };
+    DatePicker: {
+        tillNow: string;
+    };
+    ErrorBlock: {
+        default: {
+            title: string;
+            description: string;
+        };
+        busy: {
+            title: string;
+            description: string;
+        };
+        disconnected: {
+            title: string;
+            description: string;
+        };
+        empty: {
+            title: string;
+            description: string;
+        };
+    };
+    Form: {
+        required: string;
+        optional: string;
+        defaultValidateMessages: {
+            default: string;
+            required: string;
+            enum: string;
+            whitespace: string;
+            date: {
+                format: string;
+                parse: string;
+                invalid: string;
+            };
+            types: {
+                string: string;
+                method: string;
+                array: string;
+                object: string;
+                number: string;
+                date: string;
+                boolean: string;
+                integer: string;
+                float: string;
+                regexp: string;
+                email: string;
+                url: string;
+                hex: string;
+            };
+            string: {
+                len: string;
+                min: string;
+                max: string;
+                range: string;
+            };
+            number: {
+                len: string;
+                min: string;
+                max: string;
+                range: string;
+            };
+            array: {
+                len: string;
+                min: string;
+                max: string;
+                range: string;
+            };
+            pattern: {
+                mismatch: string;
+            };
+        };
+    };
+    ImageUploader: {
+        uploading: string;
+        upload: string;
+    };
+    InfiniteScroll: {
+        noMore: string;
+        failedToLoad: string;
+        retry: string;
+    };
+    Input: {
+        clear: string;
+    };
+    Mask: {
+        name: string;
+    };
+    Modal: {
+        ok: string;
+    };
+    PasscodeInput: {
+        name: string;
+    };
+    PullToRefresh: {
+        pulling: string;
+        canRelease: string;
+        complete: string;
+    };
+    SearchBar: {
+        name: string;
+    };
+    Slider: {
+        name: string;
+    };
+    Stepper: {
+        decrease: string;
+        increase: string;
+    };
+    Switch: {
+        name: string;
+    };
+    Selector: {
+        name: string;
+    };
+};
+export default enUS;

package/dist/locales/en-US.js

@@ -0,0 +1,4 @@
+import { mergeLocale } from "../utils/merge-locale";
+import { base } from "./base";
+var enUS = mergeLocale(base, {});
+export default enUS;

package/dist/locales/zh-CN.d.ts

@@ -0,0 +1,3 @@
+import { Locale } from './base';
+declare const zhCN: Locale;
+export default zhCN;