@qsxy/element-plus-react 1.0.0-next.2 → 1.0.0-next.22

package/dist/locale/en.js

@@ -0,0 +1,178 @@
+export default {
+  el: {
+    breadcrumb: {
+      label: 'Breadcrumb'
+    },
+    colorpicker: {
+      confirm: 'OK',
+      clear: 'Clear',
+      defaultLabel: 'color picker',
+      description: 'current color is {color}. press enter to select a new color.',
+      alphaLabel: 'pick alpha value'
+    },
+    datepicker: {
+      now: 'Now',
+      today: 'Today',
+      cancel: 'Cancel',
+      clear: 'Clear',
+      confirm: 'OK',
+      dateTablePrompt: 'Use the arrow keys and enter to select the day of the month',
+      monthTablePrompt: 'Use the arrow keys and enter to select the month',
+      yearTablePrompt: 'Use the arrow keys and enter to select the year',
+      selectedDate: 'Selected date',
+      selectDate: 'Select date',
+      selectTime: 'Select time',
+      startDate: 'Start Date',
+      startTime: 'Start Time',
+      endDate: 'End Date',
+      endTime: 'End Time',
+      prevYear: 'Previous Year',
+      nextYear: 'Next Year',
+      prevMonth: 'Previous Month',
+      nextMonth: 'Next Month',
+      year: '',
+      month1: 'January',
+      month2: 'February',
+      month3: 'March',
+      month4: 'April',
+      month5: 'May',
+      month6: 'June',
+      month7: 'July',
+      month8: 'August',
+      month9: 'September',
+      month10: 'October',
+      month11: 'November',
+      month12: 'December',
+      week: 'week',
+      weeks: {
+        sun: 'Sun',
+        mon: 'Mon',
+        tue: 'Tue',
+        wed: 'Wed',
+        thu: 'Thu',
+        fri: 'Fri',
+        sat: 'Sat'
+      },
+      weeksFull: {
+        sun: 'Sunday',
+        mon: 'Monday',
+        tue: 'Tuesday',
+        wed: 'Wednesday',
+        thu: 'Thursday',
+        fri: 'Friday',
+        sat: 'Saturday'
+      },
+      months: {
+        jan: 'Jan',
+        feb: 'Feb',
+        mar: 'Mar',
+        apr: 'Apr',
+        may: 'May',
+        jun: 'Jun',
+        jul: 'Jul',
+        aug: 'Aug',
+        sep: 'Sep',
+        oct: 'Oct',
+        nov: 'Nov',
+        dec: 'Dec'
+      }
+    },
+    inputNumber: {
+      decrease: 'decrease number',
+      increase: 'increase number'
+    },
+    select: {
+      loading: 'Loading',
+      noMatch: 'No matching data',
+      noData: 'No data',
+      placeholder: 'Select'
+    },
+    mention: {
+      loading: 'Loading'
+    },
+    dropdown: {
+      toggleDropdown: 'Toggle Dropdown'
+    },
+    cascader: {
+      noMatch: 'No matching data',
+      loading: 'Loading',
+      placeholder: 'Select',
+      noData: 'No data'
+    },
+    pagination: {
+      goto: 'Go to',
+      pagesize: '/page',
+      total: 'Total {total}',
+      pageClassifier: '',
+      page: 'Page',
+      prev: 'Go to previous page',
+      next: 'Go to next page',
+      currentPage: 'page {pager}',
+      prevPages: 'Previous {pager} pages',
+      nextPages: 'Next {pager} pages',
+      deprecationWarning: 'Deprecated usages detected, please refer to the el-pagination documentation for more details'
+    },
+    dialog: {
+      close: 'Close this dialog'
+    },
+    drawer: {
+      close: 'Close this dialog'
+    },
+    messagebox: {
+      title: 'Message',
+      confirm: 'OK',
+      cancel: 'Cancel',
+      error: 'Illegal input',
+      close: 'Close this dialog'
+    },
+    upload: {
+      deleteTip: 'press delete to remove',
+      delete: 'Delete',
+      preview: 'Preview',
+      continue: 'Continue'
+    },
+    slider: {
+      defaultLabel: 'slider between {min} and {max}',
+      defaultRangeStartLabel: 'pick start value',
+      defaultRangeEndLabel: 'pick end value'
+    },
+    table: {
+      emptyText: 'No Data',
+      confirmFilter: 'Confirm',
+      resetFilter: 'Reset',
+      clearFilter: 'All',
+      sumText: 'Sum'
+    },
+    tour: {
+      next: 'Next',
+      previous: 'Previous',
+      finish: 'Finish'
+    },
+    tree: {
+      emptyText: 'No Data'
+    },
+    transfer: {
+      noMatch: 'No matching data',
+      noData: 'No data',
+      titles: ['List 1', 'List 2'],
+      filterPlaceholder: 'Enter keyword',
+      noCheckedFormat: '{total} items',
+      hasCheckedFormat: '{checked}/{total} checked'
+    },
+    image: {
+      error: 'FAILED'
+    },
+    pageHeader: {
+      title: 'Back'
+    },
+    popconfirm: {
+      confirmButtonText: 'Yes',
+      cancelButtonText: 'No'
+    },
+    carousel: {
+      leftArrow: 'Carousel arrow left',
+      rightArrow: 'Carousel arrow right',
+      indicator: 'Carousel switch to index {index}'
+    }
+  }
+};

package/dist/locale/i18n.d.ts

@@ -0,0 +1,2 @@
+import i18n from 'i18next';
+export default i18n;

package/dist/locale/i18n.js

@@ -0,0 +1,44 @@
+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 i18n from 'i18next';
+import { initReactI18next } from 'react-i18next';
+import en from "./en";
+import zhCn from "./zhCn";
+var transfer = function transfer(obj) {
+  var path = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : '';
+  var result = arguments.length > 2 && arguments[2] !== undefined ? arguments[2] : {};
+  Object.keys(obj).forEach(function (key) {
+    var value = obj[key];
+    if (value && Object.prototype.toLocaleString.call(value) === '[object Object]') {
+      transfer(value, path + key + '.', result);
+    } else if (typeof value === 'string') {
+      Object.assign(result, _defineProperty({}, path + key, value));
+    }
+  });
+  return result;
+};
+i18n
+// 注入 react-i18next 实例
+.use(initReactI18next)
+// 初始化 i18next
+// 配置参数的文档: https://www.i18next.com/overview/configuration-options
+.init({
+  debug: true,
+  fallbackLng: 'en',
+  interpolation: {
+    escapeValue: false,
+    prefix: '{',
+    suffix: '}'
+  },
+  resources: {
+    en: {
+      translation: transfer(en)
+    },
+    'zh-CN': {
+      translation: transfer(zhCn)
+    }
+  }
+});
+export default i18n;

package/dist/locale/zhCn.d.ts

@@ -0,0 +1,178 @@
+declare const _default: {
+    el: {
+        breadcrumb: {
+            label: string;
+        };
+        colorpicker: {
+            confirm: string;
+            clear: string;
+            defaultLabel: string;
+            description: string;
+            alphaLabel: string;
+        };
+        datepicker: {
+            now: string;
+            today: string;
+            cancel: string;
+            clear: string;
+            confirm: string;
+            dateTablePrompt: string;
+            monthTablePrompt: string;
+            yearTablePrompt: string;
+            selectedDate: string;
+            selectDate: string;
+            selectTime: string;
+            startDate: string;
+            startTime: string;
+            endDate: string;
+            endTime: string;
+            prevYear: string;
+            nextYear: string;
+            prevMonth: string;
+            nextMonth: string;
+            year: string;
+            month1: string;
+            month2: string;
+            month3: string;
+            month4: string;
+            month5: string;
+            month6: string;
+            month7: string;
+            month8: string;
+            month9: string;
+            month10: string;
+            month11: string;
+            month12: string;
+            weeks: {
+                sun: string;
+                mon: string;
+                tue: string;
+                wed: string;
+                thu: string;
+                fri: string;
+                sat: string;
+            };
+            weeksFull: {
+                sun: string;
+                mon: string;
+                tue: string;
+                wed: string;
+                thu: string;
+                fri: string;
+                sat: string;
+            };
+            months: {
+                jan: string;
+                feb: string;
+                mar: string;
+                apr: string;
+                may: string;
+                jun: string;
+                jul: string;
+                aug: string;
+                sep: string;
+                oct: string;
+                nov: string;
+                dec: string;
+            };
+        };
+        inputNumber: {
+            decrease: string;
+            increase: string;
+        };
+        select: {
+            loading: string;
+            noMatch: string;
+            noData: string;
+            placeholder: string;
+        };
+        dropdown: {
+            toggleDropdown: string;
+        };
+        mention: {
+            loading: string;
+        };
+        cascader: {
+            noMatch: string;
+            loading: string;
+            placeholder: string;
+            noData: string;
+        };
+        pagination: {
+            goto: string;
+            pagesize: string;
+            total: string;
+            pageClassifier: string;
+            page: string;
+            prev: string;
+            next: string;
+            currentPage: string;
+            prevPages: string;
+            nextPages: string;
+            deprecationWarning: string;
+        };
+        dialog: {
+            close: string;
+        };
+        drawer: {
+            close: string;
+        };
+        messagebox: {
+            title: string;
+            confirm: string;
+            cancel: string;
+            error: string;
+            close: string;
+        };
+        upload: {
+            deleteTip: string;
+            delete: string;
+            preview: string;
+            continue: string;
+        };
+        slider: {
+            defaultLabel: string;
+            defaultRangeStartLabel: string;
+            defaultRangeEndLabel: string;
+        };
+        table: {
+            emptyText: string;
+            confirmFilter: string;
+            resetFilter: string;
+            clearFilter: string;
+            sumText: string;
+        };
+        tour: {
+            next: string;
+            previous: string;
+            finish: string;
+        };
+        tree: {
+            emptyText: string;
+        };
+        transfer: {
+            noMatch: string;
+            noData: string;
+            titles: string[];
+            filterPlaceholder: string;
+            noCheckedFormat: string;
+            hasCheckedFormat: string;
+        };
+        image: {
+            error: string;
+        };
+        pageHeader: {
+            title: string;
+        };
+        popconfirm: {
+            confirmButtonText: string;
+            cancelButtonText: string;
+        };
+        carousel: {
+            leftArrow: string;
+            rightArrow: string;
+            indicator: string;
+        };
+    };
+};
+export default _default;

package/dist/locale/zhCn.js

@@ -0,0 +1,177 @@
+export default {
+  el: {
+    breadcrumb: {
+      label: '面包屑'
+    },
+    colorpicker: {
+      confirm: '确定',
+      clear: '清空',
+      defaultLabel: '颜色选择器',
+      description: '当前颜色 {color}，按 Enter 键选择新颜色',
+      alphaLabel: '选择透明度的值'
+    },
+    datepicker: {
+      now: '此刻',
+      today: '今天',
+      cancel: '取消',
+      clear: '清空',
+      confirm: '确定',
+      dateTablePrompt: '使用方向键与 Enter 键可选择日期',
+      monthTablePrompt: '使用方向键与 Enter 键可选择月份',
+      yearTablePrompt: '使用方向键与 Enter 键可选择年份',
+      selectedDate: '已选日期',
+      selectDate: '选择日期',
+      selectTime: '选择时间',
+      startDate: '开始日期',
+      startTime: '开始时间',
+      endDate: '结束日期',
+      endTime: '结束时间',
+      prevYear: '前一年',
+      nextYear: '后一年',
+      prevMonth: '上个月',
+      nextMonth: '下个月',
+      year: '年',
+      month1: '1 月',
+      month2: '2 月',
+      month3: '3 月',
+      month4: '4 月',
+      month5: '5 月',
+      month6: '6 月',
+      month7: '7 月',
+      month8: '8 月',
+      month9: '9 月',
+      month10: '10 月',
+      month11: '11 月',
+      month12: '12 月',
+      weeks: {
+        sun: '日',
+        mon: '一',
+        tue: '二',
+        wed: '三',
+        thu: '四',
+        fri: '五',
+        sat: '六'
+      },
+      weeksFull: {
+        sun: '星期日',
+        mon: '星期一',
+        tue: '星期二',
+        wed: '星期三',
+        thu: '星期四',
+        fri: '星期五',
+        sat: '星期六'
+      },
+      months: {
+        jan: '一月',
+        feb: '二月',
+        mar: '三月',
+        apr: '四月',
+        may: '五月',
+        jun: '六月',
+        jul: '七月',
+        aug: '八月',
+        sep: '九月',
+        oct: '十月',
+        nov: '十一月',
+        dec: '十二月'
+      }
+    },
+    inputNumber: {
+      decrease: '减少数值',
+      increase: '增加数值'
+    },
+    select: {
+      loading: '加载中',
+      noMatch: '无匹配数据',
+      noData: '无数据',
+      placeholder: '请选择'
+    },
+    dropdown: {
+      toggleDropdown: '切换下拉选项'
+    },
+    mention: {
+      loading: '加载中'
+    },
+    cascader: {
+      noMatch: '无匹配数据',
+      loading: '加载中',
+      placeholder: '请选择',
+      noData: '暂无数据'
+    },
+    pagination: {
+      goto: '前往',
+      pagesize: '条/页',
+      total: '共 {total} 条',
+      pageClassifier: '页',
+      page: '页',
+      prev: '上一页',
+      next: '下一页',
+      currentPage: '第 {pager} 页',
+      prevPages: '向前 {pager} 页',
+      nextPages: '向后 {pager} 页',
+      deprecationWarning: '你使用了一些已被废弃的用法，请参考 el-pagination 的官方文档'
+    },
+    dialog: {
+      close: '关闭此对话框'
+    },
+    drawer: {
+      close: '关闭此对话框'
+    },
+    messagebox: {
+      title: '提示',
+      confirm: '确定',
+      cancel: '取消',
+      error: '输入的数据不合法!',
+      close: '关闭此对话框'
+    },
+    upload: {
+      deleteTip: '按 Delete 键可删除',
+      delete: '删除',
+      preview: '查看图片',
+      continue: '继续上传'
+    },
+    slider: {
+      defaultLabel: '滑块介于 {min} 至 {max}',
+      defaultRangeStartLabel: '选择起始值',
+      defaultRangeEndLabel: '选择结束值'
+    },
+    table: {
+      emptyText: '暂无数据',
+      confirmFilter: '筛选',
+      resetFilter: '重置',
+      clearFilter: '全部',
+      sumText: '合计'
+    },
+    tour: {
+      next: '下一步',
+      previous: '上一步',
+      finish: '结束导览'
+    },
+    tree: {
+      emptyText: '暂无数据'
+    },
+    transfer: {
+      noMatch: '无匹配数据',
+      noData: '无数据',
+      titles: ['列表 1', '列表 2'],
+      filterPlaceholder: '请输入搜索内容',
+      noCheckedFormat: '共 {total} 项',
+      hasCheckedFormat: '已选 {checked}/{total} 项'
+    },
+    image: {
+      error: '加载失败'
+    },
+    pageHeader: {
+      title: '返回'
+    },
+    popconfirm: {
+      confirmButtonText: '确定',
+      cancelButtonText: '取消'
+    },
+    carousel: {
+      leftArrow: '上一张幻灯片',
+      rightArrow: '下一张幻灯片',
+      indicator: '幻灯片切换至索引 {index}'
+    }
+  }
+};

package/dist/types/common.d.ts

@@ -10,31 +10,51 @@ export declare namespace TypeAttributes {
     type CheckTrigger = 'change' | 'blur' | 'none';
 }
 export type ComponentChildren = React.ReactNode | React.ReactNode[];
-export interface FormControlBaseProps<ValueType = React.AllHTMLAttributes<HTMLInputElement>['value']> {
+export interface FormControlBaseProps<ValueType = string | number | boolean> {
     name?: string;
+    /** 初始值 */
     defaultValue?: ValueType;
+    /** 值（可控） */
     value?: ValueType;
-    onChange?: (value: ValueType | boolean, event?: React.ChangeEvent<any>) => void;
+    /** 选中值发生变化时触发 */
+    onChange?: (value: ValueType, event?: React.ChangeEvent<any>) => void;
+    /** 禁用 */
     disabled?: boolean;
+    /** 尺寸 */
     size?: TypeAttributes.Size;
+    /** Render the control as plain text */
+    /** 只读 */
     readOnly?: boolean;
+    /** 样式前缀 */
     classPrefix?: string;
 }
+/** 基础参数 */
 export interface BaseProps<S = ComponentChildren> {
+    /** 组件 CSS 类的前缀 */
     classPrefix?: string;
+    /** 下拉面板自定义内联样式 */
     popperStyle?: React.CSSProperties;
+    /** 子组件 */
     children?: S;
 }
 export type NativeProps<S extends string = never> = {
+    /** 自定义样式 */
     className?: string;
+    /** 自定义内联样式 */
     style?: React.CSSProperties & Partial<Record<S, string>>;
 };
 export interface AnimationEventProps {
+    /** 显示前动画过渡的回调函数 */
     beforeEnter?: (node?: null | HTMLElement | Text) => void;
+    /** 显示中动画过渡的回调函数 */
     onEnter?: (node?: null | HTMLElement | Text) => void;
+    /** 显示后动画过渡的回调函数 */
     afterEnter?: (node?: null | HTMLElement | Text) => void;
+    /** 退出前动画过渡的回调函数 */
     beforeLeave?: (node?: null | HTMLElement | Text) => void;
+    /** 退出中动画过渡的回调函数 */
     onLeave?: (node?: null | HTMLElement | Text) => void;
+    /** 退出后动画过渡的回调函数 */
     afterLeave?: (node?: null | HTMLElement | Text) => void;
 }
 export interface TooltipBaseProps<T extends EventTarget> {
@@ -44,8 +64,12 @@ export interface TooltipBaseProps<T extends EventTarget> {
     onContextMenu?: (event?: React.MouseEvent<T>) => void;
 }
 export interface StandardProps extends React.HTMLAttributes<HTMLElement> {
+    /** The prefix of the component CSS class */
     classPrefix?: string;
+    /** 自定义样式 */
     className?: string;
+    /** 自定义内联样式 */
     style?: React.CSSProperties;
+    /** 子组件 */
     children?: ComponentChildren;
 }

package/dist/types/common.js

@@ -1,17 +1 @@
-var __defProp = Object.defineProperty;
-var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
-var __getOwnPropNames = Object.getOwnPropertyNames;
-var __hasOwnProp = Object.prototype.hasOwnProperty;
-var __copyProps = (to, from, except, desc) => {
-  if (from && typeof from === "object" || typeof from === "function") {
-    for (let key of __getOwnPropNames(from))
-      if (!__hasOwnProp.call(to, key) && key !== except)
-        __defProp(to, key, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable });
-  }
-  return to;
-};
-var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
-
-// src/types/common.ts
-var common_exports = {};
-module.exports = __toCommonJS(common_exports);
+export {};

package/dist/types/type.d.ts

@@ -1,4 +1,9 @@
 export declare const tuple: <T extends string[]>(...args: T) => T;
 export declare const tupleNum: <T extends number[]>(...args: T) => T;
+/**
+ * https://stackoverflow.com/a/59187769 Extract the type of an element of an array/tuple without
+ * performing indexing
+ */
 export type ElementOf<T> = T extends (infer E)[] ? E : T extends readonly (infer F)[] ? F : never;
+/** https://github.com/Microsoft/TypeScript/issues/29729 */
 export type LiteralUnion<T extends U, U> = T | (U & {});