plain-design 0.0.97 → 1.0.0-beta.2

package/src/packages/directives/ResizeDetector/index.tsx

@@ -0,0 +1,100 @@
+import {onBeforeUnmount, watch} from "plain-design-composition";
+import {delay} from "plain-utils/utils/delay";
+
+export interface ResizeDetectFuncParam {
+  width?: number;
+  height?: number;
+  oldWidth?: number;
+  oldHeight?: number;
+  el?: HTMLElement;
+
+  [key: string]: any;
+}
+
+export interface ResizeDetectFunc {(option: ResizeDetectFuncParam): void;}
+
+function createResizeDetector(el: HTMLElement, callback: ResizeDetectFunc) {
+
+  const state = {
+    observer: undefined as undefined | MutationObserver,
+    width: undefined as undefined | number,
+    height: undefined as undefined | number,
+    oldWidth: undefined as undefined | number,
+    oldHeight: undefined as undefined | number,
+  };
+
+  const runCallback = (data: ResizeDetectFuncParam) => {
+    Object.keys(data).forEach(key => {
+      if (data[key] != null && typeof data[key] === 'number') data[key] = Math.ceil(data[key]);
+    });
+    callback(data);
+  };
+
+  const detect = () => {
+    const { scrollHeight: height, scrollWidth: width } = el;
+    if (width === state.width && height === state.height) return;
+    const ret = {} as ResizeDetectFuncParam;
+    if (width !== state.width) {
+      ret.width = width;
+      ret.oldWidth = state.width;
+      state.width = width;
+    }
+    if (height !== state.height) {
+      ret.height = height;
+      ret.oldHeight = state.height;
+      state.height = height;
+    }
+    runCallback(ret);
+  };
+
+  const destroy = () => {
+    if (!!state.observer) {
+      state.observer.disconnect();
+      state.observer = undefined;
+    }
+  };
+
+  const init = () => {
+    if (!el) {return console.error(`el is ${typeof el}`);}
+    state.observer = new MutationObserver(detect);
+    state.observer.observe(el, { childList: true, subtree: true });
+    // const {width, height} = el.getBoundingClientRect()
+    const { scrollHeight, scrollWidth } = el;
+    state.width = scrollWidth;
+    state.height = scrollHeight;
+    runCallback({ ...state, el, });
+  };
+
+  init();
+
+  return {
+    detect,
+    destroy,
+  };
+}
+
+type ResizeDetector = ReturnType<typeof createResizeDetector>
+
+export function useResizeDetector(
+  {
+    elGetter,
+    onResize,
+  }: {
+    elGetter: () => HTMLElement | undefined | null,
+    onResize: ResizeDetectFunc,
+  }) {
+
+  const state = { resizeDetector: null as null | ResizeDetector, };
+
+  watch(elGetter, async el => {
+    await delay(0);
+    if (!!state.resizeDetector) {state.resizeDetector.destroy();}
+    state.resizeDetector = null;
+    !!el && (state.resizeDetector = createResizeDetector(el, onResize));
+  }, { immediate: true });
+
+  !!state.resizeDetector && state.resizeDetector.detect();
+
+  onBeforeUnmount(() => {!!state.resizeDetector && state.resizeDetector.destroy();});
+}
+

package/src/packages/entry.tsx

@@ -0,0 +1,166 @@
+import {setComponentPrefix} from "plain-design-composition";
+
+export {Application} from "./components/Application";
+export type {iApplicationConfiguration} from './components/Application/utils/application.utils';
+export {Icon} from "./components/Icon";
+export {Illustration} from "./components/Illustration";
+export {GridRow} from "./components/GridRow";
+export {GridCol} from "./components/GridCol";
+export {Button} from "./components/Button";
+export {Loading} from "./components/Loading";
+export {Dialog} from "./components/Dialog";
+export {ButtonGroup} from "./components/ButtonGroup";
+export {LoadingMask} from "./components/LoadingMask";
+export {useDialog} from "./components/useDialog";
+export {$dialog} from "./components/$dialog";
+export {List} from "./components/List";
+// export {Item} from "./components/Item";
+export {useMessage} from "./components/useMessage";
+export {$message} from "./components/$message";
+export {useNotice} from "./components/useNotice";
+export {$notice} from "./components/$notice";
+export {Checkbox} from "./components/Checkbox";
+export {CheckboxGroup} from "./components/CheckboxGroup";
+export {Input} from "./components/Input";
+export {Radio} from "./components/Radio";
+export {RadioGroup} from "./components/RadioGroup";
+export {DropdownOption} from "./components/DropdownOption";
+export {Dropdown} from "./components/Dropdown";
+export {DropdownGroup} from "./components/DropdownGroup";
+export {VirtualList} from "./components/VirtualList";
+export {Segment} from "./components/Segment";
+export {SegmentGroup} from "./components/SegmentGroup";
+export {InputGroup} from "./components/InputGroup";
+export {Card} from "./components/Card";
+export {Carousel} from "./components/Carousel";
+export {CarouselGroup} from "./components/CarouselGroup";
+export {CollapseGroup} from "./components/CollapseGroup";
+export {Collapse} from "./components/Collapse";
+export {ProgressBar} from "./components/ProgressBar";
+export {ProgressCircle} from "./components/ProgressCircle";
+export {ProgressMini} from "./components/ProgressMini";
+export {Slider} from "./components/Slider";
+export {InputNumber} from './components/InputNumber';
+export {Toggle} from "./components/Toggle";
+export {Rate} from './components/Rate';
+export {Badge} from './components/Badge';
+export {StepGroup} from './components/StepGroup';
+export {Step} from './components/Step';
+export {Alert} from './components/Alert';
+export {ArrowStep} from './components/ArrowStep';
+export {ArrowStepGroup} from './components/ArrowStepGroup';
+export {Scroll} from './components/Scroll';
+export {TabGroup} from './components/TabGroup';
+export {Tab} from './components/Tab';
+export {Tag} from './components/Tag';
+export {Tree} from './components/Tree';
+export {ColorPicker} from './components/ColorPicker';
+export {TimePicker} from './components/TimePicker';
+export {DatePicker} from './components/DatePicker';
+export {Select} from './components/Select';
+export {SelectOption} from './components/SelectOption';
+export {Form} from './components/Form';
+export {FormItem} from './components/FormItem';
+export {Cascade} from './components/Cascade';
+export {Image} from './components/Image';
+export {Tooltip} from './components/Tooltip';
+export {useImage} from './components/useImage';
+export {Pagination} from './components/Pagination';
+export {ImageUploader} from './components/ImageUploader';
+export {Upload} from './components/Upload';
+export {$file} from './components/$file';
+export {$image} from './components/$image';
+export {useTooltip} from './components/useTooltip';
+export {i18n} from './components/i18n';
+export {KeepAlive} from './components/KeepAlive';
+export {createPlainAddressService} from './components/createPlainAddressService';
+export {createObjectService} from './components/createObjectService';
+export {createOvService} from './components/createOvService';
+export {createUploadService} from './components/createUploadService';
+export {createTableOptionUser} from './components/createTableOptionUser';
+export {buildPlainDefaultUrlConfig} from './components/buildPlainDefaultUrlConfig';
+export {ApplicationConfigurationProvider} from './components/ApplicationConfigurationProvider';
+export type {FileServiceChooseFileConfig, FileServiceSingleFile, FileServiceUploadConfig, FileServiceValidator, FileServiceUploadErrorEvent, FileServiceDefaultAccept} from './components/$file';
+export {CascadePanel} from './components/CascadePanel';
+export {usePopup} from './components/usePopup';
+export {Popup} from './components/Popup';
+export {createPopup} from './components/createPopup';
+export {createScrollUtils} from './components/createScrollUtils';
+export {useAutoScrollUtils} from './components/useAutoScrollUtils';
+export {ClientZoom} from './components/ClientZoom';
+
+export {VirtualTable} from './components/VirtualTable';
+export {Table} from './components/Table';
+export {AutoTable} from './components/AutoTable';
+export {Plc} from './components/Plc';
+export {PlcGroup} from './components/PlcGroup';
+export {PlcTree} from './components/PlcTree';
+export {PlcIndex} from './components/PlcIndex';
+export {PlcExpand} from './components/PlcExpand';
+export {PlcCheck} from './components/PlcCheck';
+export {PlcDraggier} from './components/PlcDraggier';
+export {PlcOperation} from './components/PlcOperation';
+
+export {PlcAddress} from './components/PlcAddress';
+export {PlcAddressItem} from './components/PlcAddressItem';
+export {PlcCheckbox} from './components/PlcCheckbox';
+export {PlcColorPicker} from './components/PlcColorPicker';
+export {PlcDate} from './components/PlcDate';
+export {PlcDateRange} from './components/PlcDateRange';
+export {PlcInput} from './components/PlcInput';
+export {PlcNumber} from './components/PlcNumber';
+export {PlcRate} from './components/PlcRate';
+export {PlcSelect} from './components/PlcSelect';
+export {PlcTextarea} from './components/PlcTextarea';
+export {PlcTime} from './components/PlcTime';
+export {PlcTimeRange} from './components/PlcTimeRange';
+export {PlcToggle} from './components/PlcToggle';
+export {PlcImage} from './components/PlcImage';
+
+export {OuterOperation} from './components/OuterOperation';
+export {_Object} from './components/_Object';
+export {PlcObject} from './components/PlcObject';
+export {Ov} from './components/Ov';
+export {PlcOv} from './components/PlcOv';
+export type {iOvMeta} from './components/$ov/ov.utils';
+
+export {$configuration} from './components/$configuration';
+export {createAddressService} from './components/createAddressService';
+export {createHttp} from './components/createHttp';
+
+export {Address} from './components/Address';
+export {AddressCascade} from './components/AddressCascade';
+export {eAddressTypeEnum} from './components/$address/address.utils';
+export type {iAddressSyncMeta, iAddressLazyMeta} from './components/$address/address.utils';
+export type {iPlainAddressData} from './components/createPlainAddressService';
+
+export {FormInput} from './components/FormInput';
+export {FormSelect} from './components/FormSelect';
+export {FormCascade} from './components/FormCascade';
+export {FormCheckbox} from './components/FormCheckbox';
+export {FormCheckboxGroup} from './components/FormCheckboxGroup';
+export {FormColorPicker} from './components/FormColorPicker';
+export {FormDatePicker} from './components/FormDatePicker';
+export {FormInputNumber} from './components/FormInputNumber';
+export {FormRadio} from './components/FormRadio';
+export {FormRadioGroup} from './components/FormRadioGroup';
+export {FormRate} from './components/FormRate';
+export {FormSlider} from './components/FormSlider';
+export {FormTimePicker} from './components/FormTimePicker';
+export {FormToggle} from './components/FormToggle';
+
+export {FilterFormSingle} from './components/FilterFormSingle';
+export {FilterFormMultiple} from './components/FilterFormMultiple';
+export {FilterService} from './components/FilterService';
+
+export {TableOptionUtils} from './components/TableOptionUtils';
+export {TableOptionSpace} from './components/TableOptionSpace';
+export type {
+  iTableOptionCacheData,
+  iTableOptionApplyCacheParam,
+  iTableOptionCacheItemData,
+  iTableOptionCacheRegistryConfig,
+  iTableOptionGetCacheParam
+} from './components/AutoTable/use/useTableOption.cache.utils';
+
+setComponentPrefix(globalComponentPrefix);

package/src/packages/i18n/i18n.utils.ts

@@ -0,0 +1,148 @@
+import {computed, reactive} from "plain-design-composition";
+import {deepIterateObject} from "../utils/deepIterateObject";
+
+/**
+ * 获取对象的属性值访问路径字符串联合类型
+ * 比如 type A = {
+ *   base:{
+ *     confirm:'确定',
+ *     cancel:'取消',
+ *   },
+ *   date:{
+ *     year:'年',
+ *     month:'月',
+ *     date:'日',
+ *   },
+ * }
+ * 得到的联合类型是：'base.confirm'|'base.cancel'|'date.year'|'date.month'|'date.date'
+ * @author  韦胜健
+ * @date    2022.5.2 11:44
+ */
+export type ObjectAccessPaths<T, Prev extends string = '', K = keyof T> =
+  K extends keyof T ? (
+      K extends string ? (
+        T[K] extends Record<string, any> ? ObjectAccessPaths<T[K], `${Prev}.${K}`> : (
+          `${Prev}.${K}` extends `.${infer L}` ? L : `${Prev}.${K}`
+          )
+        ) : never
+      ) :
+    never;
+// type A = ObjectAccessPaths<tZhCnLocale>
+
+/**
+ * 将字符串类型分割为元组类型
+ * base.select.reverse => ['base','select','reverse']
+ * @author  韦胜健
+ * @date    2022.5.2 11:46
+ */
+type Split<Str extends string, Sep extends string, Prev extends any[] = []> = Str extends `${infer L}${Sep}${infer R}` ? [...Prev, L, ...Split<R, Sep>] : [...Prev, Str]
+// type A = Split<'base.select.reverse', '.'>
+
+/**
+ * 通过访问路劲元组类型，得到对象中具体属性值的类型
+ * AccessObjectValue<A,['base','confirm']> 得到的类型是 `确定`
+ * @author  韦胜健
+ * @date    2022.5.2 11:48
+ */
+type AccessObjectValue<Obj extends Record<string, any>, Path extends string[]> = Path extends [infer L, ...infer R] ? (
+  L extends keyof Obj ? (R extends string[] ? AccessObjectValue<Obj[L], R> : never) : never
+  ) : Obj
+// type N = AccessObjectValue<tZhCnLocale, ['base', 'confirm']>
+
+/**
+ * 将对象类型转换为平铺属性的对象类型，比如A类型转化为
+ * {
+ *   "base.confirm":"确定",
+ *   "base.cancel":"取消",
+ *   "base.year":"年",
+ *   "base.month":"月",
+ *   "base.date":"日",
+ * }
+ * @author  韦胜健
+ * @date    2022.5.2 11:49
+ */
+type ObjectMap<T extends Record<string, any>> = { [k in ObjectAccessPaths<T>]: AccessObjectValue<T, Split<k, '.'>> }
+// type O = ObjectMap<tZhCnLocale>
+
+/**
+ * 联合类型转换为交叉类型（函数重载类型就是交叉类型）
+ * @author  韦胜健
+ * @date    2022.5.2 11:50
+ */
+type UnionToIntersection<T> = (T extends any ? ((t: T) => void) : never) extends ((r: infer R) => any) ? R : never
+
+/**
+ * 创建i18n对象
+ * @author  韦胜健
+ * @date    2022.5.2 10:34
+ */
+export function createI18n<Locale extends Record<string, any>, OM = ObjectMap<Locale>, K extends keyof OM = keyof OM>(defaultLocale: Locale): UnionToIntersection<K extends keyof OM ? ((k: K, params?: Record<string, any>) => { d: <D = unknown>(defaultLang?: D) => OM[K] | D }) : never> & {
+  setLocale: (locale: any) => void,
+  setDefaultLocale: (defaultLocale: any) => void,
+} {
+
+  const state = reactive({
+    /*当前语言*/
+    locale: defaultLocale,
+    /*从当前语言中取不到值得时候，从这个默认语言中取值*/
+    defaultLocale,
+  });
+
+  /**
+   * 将多层级的对象拍平为一层的对象
+   * @author  韦胜健
+   * @date    2022.5.2 12:04
+   */
+  const getMapObject = <Obj extends Record<string, any>>(obj: Obj): ObjectMap<Obj> => {
+    const map = {} as any;
+    deepIterateObject(obj, (key, value, accessPath) => {
+      if (typeof value === "string") {
+        map[accessPath?.join('.')] = value;
+      }
+    });
+    return map;
+  };
+
+  const map = computed(() => ({
+    locale: getMapObject(state.locale),
+    defaultLocale: getMapObject(state.defaultLocale)
+  }));
+
+  /**
+   * 设置当前语言
+   * @author  韦胜健
+   * @date    2022.5.2 10:33
+   */
+  const setLocale = (locale: Locale) => state.locale = locale as any;
+  /**
+   * 设置默认语言
+   * @author  韦胜健
+   * @date    2022.5.2 10:33
+   */
+  const setDefaultLocale = (defaultLocale: Locale) => state.defaultLocale = defaultLocale as any;
+
+  /**
+   * 取值
+   * @author  韦胜健
+   * @date    2022.5.2 10:33
+   */
+  const getter = (path: string, params?: Record<string, any>) => {
+    let value = (map.value.locale as any)[path];
+    if (!value) {
+      value = (map.value.defaultLocale as any)[path];
+    }
+    return {
+      d: (defaultString: string) => {
+        if (!!value) {
+          if (/\{.+\}/.test(value)) {
+            value = (value as string).replace(/\{(.+?)\}/, (input, group1) => params?.[group1]);
+          }
+          return value;
+        }
+        return defaultString || '';
+      },
+    };
+  };
+
+  return Object.assign(getter, { setLocale, setDefaultLocale }) as any;
+}

package/src/packages/i18n/index.ts

@@ -0,0 +1,4 @@
+import {createI18n} from "./i18n.utils";
+import {ZhCnLocale} from "./lang/zh-cn";
+
+export const i18n = createI18n(ZhCnLocale);

package/src/packages/i18n/lang/en-us.ts

@@ -0,0 +1,247 @@
+import {tZhCnLocale} from "./zh-cn";
+
+export const EnUsLocale: tZhCnLocale = {
+  base: {
+    defaultTitle: 'Notify',
+    notice: 'Notify',
+    confirm: 'Confirm',
+    cancel: 'Cancel',
+    reset: 'Reset',
+    loading: 'Loading',
+    loaded: 'Loaded',
+    loadFailed: 'Load Failed',
+    clear: 'Clear',
+    close: 'Close',
+    width: 'width',
+    empty: 'no data',
+    more: 'more',
+    selectData: 'select data',
+    selectPieceOfData: 'select piece of data',
+    selectAtLeastOnePieceOfData: 'select at lease on piece of data',
+    prevStep: 'previous step',
+    nextStep: 'next step',
+    total: 'total',
+    data: 'rows',
+    go: 'go',
+    page: 'page',
+    totalPage: 'total {total} rows',
+    collapse: 'collapse',
+    main: 'main',
+    fixed: 'fixed',
+    hide: 'hidden',
+    exportData: 'export data',
+    custom: 'custom',
+    setting: 'setting',
+    asc: 'asc',
+    desc: 'desc',
+    sort: 'sort',
+    name: 'name',
+    pleaseSelect: 'please select',
+    noData: 'no data',
+    noMatch: 'no match',
+    query: 'query',
+    id: 'id',
+    isEmpty: 'is empty',
+    isNotEmpty: 'is not empty',
+    largerThan: 'larger than',
+    lessThan: 'less than',
+    and: 'and',
+    invalidAmount: 'invalid amount',
+    province: 'province',
+    city: 'city',
+    district: 'district',
+    lookUp: 'look up',
+    operation: 'operation',
+    noFilter: 'no filter',
+    validate: {
+      require: 'require',
+      notMatchPattern: 'not match patter',
+      canNotUseMinInAnyType: 'any type cannot use min validation',
+      canNotUseMaxInAnyType: 'any type cannot use max validation',
+      canNotUseLenInAnyType: 'any type cannot use len validation',
+      outOfRange: 'value "{value}" is out of range {range}',
+      pleaseEnterArrayValue: 'please enter array value',
+      arrayCannotUsePatternValidation: 'array cannot use pattern validation',
+      minimunValues: 'minimun {num} values',
+      maximunValues: 'maximun {num} values',
+      minimunCharacters: 'minimun {num} characters',
+      maximunCharacters: 'maximun {num} characters',
+      fixedValues: 'fixed {num} values',
+      fixedCharacters: 'fixed {num} characters',
+      notLessThan: 'not less than {num}',
+      notLargerThan: 'not larger than{num}',
+      minValue: 'min {num}',
+      maxValue: 'max {num}',
+      fixedLength: 'fixed length {num} characters',
+      pleaseEnterCorrectEmail: 'please enter correct email',
+      pleaseEnterCorrectIdCard: 'please enter correct idcard',
+      pleaseEnterNumber: 'please enter correct number',
+      pleaseEnterCorrectPhoneNumber: 'please enter correct phone number',
+      pleaseEnterCorrectQQNum: 'please enter correct qq',
+      valueShouldBeStringOrNumber: 'please enter correct string or number',
+
+    },
+    filter: {
+      like: 'like',
+      equal: 'equal',
+      notInclude: 'not include',
+      include: 'include',
+      range: 'range',
+    },
+    select: {
+      all: 'all',
+      reverse: 'reverse',
+      none: 'clear',
+      selectOptionsAtMost: 'select {val} options at most',
+      selectOptionsAtLeast: 'select {val} options at least',
+    },
+    zoomIn: 'zoom in',
+    zoomOut: 'zoom out',
+    address: 'address',
+    edit: {
+      create: 'create',
+      edit: 'edit',
+      remove: 'delete',
+      apply: 'apply',
+      override: 'override',
+      copy: 'copy',
+      rename: 'rename',
+      add: 'add',
+      expandAll: 'expand all',
+      collapseAll: 'collapse all',
+      summary: 'sum',
+      save: 'save',
+      done: 'done',
+    },
+  },
+  formatter: {
+    week: 'year gggg,week ww',
+    quarter: 'year YYYY, quarter Q',
+  },
+  week: {
+    sunday: 'SUN',
+    monday: 'MON',
+    tuesday: 'TUE',
+    wednesday: 'WED',
+    thursday: 'THUR',
+    friday: 'FRI',
+    saturday: 'SAT',
+  },
+  month: {
+    january: 'JAN',
+    february: 'FEB',
+    march: 'MAR',
+    april: 'APR',
+    may: 'MAY',
+    june: 'JUNE',
+    july: 'JULY',
+    august: 'AUG',
+    september: 'SEP',
+    october: 'OCT',
+    november: 'NOV',
+    december: 'DEV',
+  },
+  file: {
+    upload: 'upload',
+    selectFile: 'select file',
+    toBeUpload: 'to be upload',
+    uploadFailed: 'upload failed',
+    dropFilesOr: 'drop file here, or',
+    clickToUpload: 'click to upload',
+    oversize: '[{filename}]file size is {filesize}MB，the maximunize is {max}MB',
+    notUpload: 'not upload',
+    areYouSureToDeleteFile: 'Are you sure to delete {name} ?',
+    uploadFileSucceed: 'file {name} upload success',
+  },
+  image: {
+    compressByImageMeasure: 'compress by image measure',
+    compressByImageCapacity: 'compress by image capacity',
+    noPicture: 'no picture',
+    rotation90: 'rotate 90 degree',
+    rotation_90: 'rotate -90 degree',
+    prevPicture: 'previous pickture',
+    nextPicture: 'next picture',
+  },
+  table: {
+    exportingData: 'exporting data',
+    exportCompleted: 'export completed',
+    exportFailed: 'export failed',
+    expression: 'expresison',
+    configSeniorFilter: 'senior filter',
+    formFilter: 'form filter',
+    formQuery: 'form query',
+    searchBar: 'search bar',
+    pleaseEditSearchParam: 'please input search param directly',
+    allFilter: 'all filter',
+    noFilter: 'no filter',
+    clearAll: 'clear all',
+    pleaseInputThConfigurationName: 'please input configuration name',
+    bak: 'backup',
+    areYouSureToOverrideTheConfiguration: 'Are you sure to override "{title}" to be the latest configuration',
+    cacheSetting: 'cache setting',
+    clearFilterSortAndConfiguration: 'clear filter, sort and configuration',
+    withoutAnyConfiguration: 'use none configuration',
+    saveToNewConfiguration: 'save current to be new configuration',
+    cacheName: 'cache name',
+    createTime: 'create time',
+    customSetting: 'custom setting',
+    title: 'title',
+    alignType: 'align type',
+    alignLeft: 'left',
+    alignCenter: 'center',
+    alignRight: 'right',
+    exportCurrentPageData: 'export current page data',
+    exportDataInTable: 'export data showed in table',
+    exportAllDataWithFilterSortMaybeFailedWithLargeData: 'export all data by sort and filter condition(maybe failed with latge data)',
+    selectDataToExport: 'select data to export',
+    customSelectDataToExport: 'custom select data to export',
+    selectExportType: 'select export type',
+    selectExportFields: 'select export fields',
+    exportType: 'export type',
+    exportFields: 'export fields',
+    exportData: 'export data',
+    exportShowData: 'export show data',
+    fieldName: 'field name',
+    exportAgain: 'export again',
+    importData: 'import data',
+    pleaseEnterCompleteParamsForCondition: 'please input complete param for the {invalidIndex} condition ',
+    seniorFilter: 'senior filter',
+    pleaseAddFilterCondition: 'please add filter condition',
+    seniorQuery: 'senior query',
+    ascOrDesc: 'asc or desc',
+    formEdit: 'form edit',
+    batchCreate: 'batch create',
+    batchDelete: 'batch delete',
+    batchEdit: 'batch edit',
+    batchModify: 'batch modify',
+    seniorSort: 'senior sort',
+    canNotDeleteUsingCache: 'can not delete cache which is using',
+    columnFilter: 'column filter',
+    distinctFilter: 'distinct filter',
+    filterTipInclude: '{field} includes {val}',
+    clearDistinctFilter: 'clear distinct filter',
+    continueCreate: 'continue create',
+    pleaseSelectOneRecord: 'please select one record',
+    selectRowToDelete: 'select row to delete',
+    areYouSureYouWantToDeleteTheData: 'Are you sure to delete the {index} record?',
+    deleteFailed: 'delete failed',
+    savingData: 'saving',
+    articleDataVerificationFailed: 'the {index} record is invalid',
+    pleaseEnterTheNumberOfRowsToCreate: 'please input the number of rows to create',
+    deleting: 'deleting',
+    deleteSucceed: 'delete succeed',
+    queryTotalFailed: 'query total failed',
+    sortInTypeOrderOfField: 'sort by {description}',
+    pleaseEnterSearchKey: 'please input search key',
+    rowPerPage: '{num} per page',
+    checkAll: 'check all',
+    checkClear: 'check clear',
+    fixedLeft: 'fixed left',
+    fixedRight: 'fixed right',
+    pleaseClickNext: 'please click next step',
+    tableScrollTips: 'scroll by wheeling on table head or scroll with wheeling and press alt to scroll horizontal',
+    pleaseEnterNewConfigName: 'please input new config name',
+    queryTotal: 'query total',
+    columnTitle: 'column title',
+  },
+};