@kyvi/kv_ui 1.0.0

package/lib/locale/format.js

@@ -0,0 +1,49 @@
+const hasOwnProperty = Object.prototype.hasOwnProperty;
+
+export function hasOwn (obj, key) {
+  return hasOwnProperty.call(obj, key);
+};
+const RE_NARGS = /(%|)\{([0-9a-zA-Z_]+)\}/g;
+/**
+ *  String format template
+ *  - Inspired:
+ *    https://github.com/Matt-Esch/string-template/index.js
+ */
+export default function (Vue) {
+
+  /**
+   * template
+   *
+   * @param {String} string
+   * @param {Array} ...args
+   * @return {String}
+   */
+
+  function template (string = '', ...args) {
+    if (args.length === 1 && typeof args[0] === 'object') {
+      args = args[0];
+    }
+
+    if (!args || !args.hasOwnProperty) {
+      args = {};
+    }
+
+    return string.replace(RE_NARGS, (match, prefix, i, index) => {
+      let result;
+
+      if (string[index - 1] === '{' &&
+        string[index + match.length] === '}') {
+        return i;
+      } else {
+        result = hasOwn(args, i) ? args[i] : null;
+        if (result === null || result === undefined) {
+          return '';
+        }
+
+        return result;
+      }
+    });
+  }
+
+  return template;
+}

package/lib/locale/index.js

@@ -0,0 +1,48 @@
+
+import Vue from 'vue';
+import Format from './format';
+import defaultLang from './lang/zh'
+
+const format = Format(Vue);
+let lang = defaultLang;
+let merged = false;
+let i18nHandler = function () {
+  const vuei18n = Object.getPrototypeOf(this || Vue || {}).$t;
+  if (typeof vuei18n === 'function' && !!Vue.locale) {
+    if (!merged) {
+      merged = true;
+      Vue.locale(
+        Vue.config.lang,
+        Object.assign(lang, Vue.locale(Vue.config.lang) || {}, { clone: true })
+      );
+    }
+    return vuei18n.apply(this, arguments);
+  }
+};
+
+export const t = function (path, options) {
+  let value = i18nHandler.apply(this, arguments);
+  if (value !== null && value !== undefined) return value;
+
+  const array = path.split('.');
+  let current = lang;
+
+  for (let i = 0, j = array.length; i < j; i++) {
+    const property = array[i];
+    value = current[property];
+    if (i === j - 1) return format(value, options);
+    if (!value) return '';
+    current = value;
+  }
+  return '';
+};
+
+export const use = function (l) {
+  lang = l || lang;
+};
+
+export const i18n = function (fn) {
+  i18nHandler = fn || i18nHandler;
+};
+
+export default { use, t, i18n };

package/lib/locale/lang/en.js

@@ -0,0 +1,100 @@
+export default {
+  common: {
+    submitBtn: 'Submit',
+    cancelBtn: 'Cancel',
+    condition: 'Condition',
+    display: 'Display',
+    hide: 'Hide'
+  },
+  tip: {
+    select: 'Please select',
+    input: 'Please input'
+  },
+  check: {
+    checkAll: 'Select All'
+  },
+  upload: {
+    upload: 'Click to Upload',
+    tip: 'Drop files here, or'
+  },
+  time: {
+    start: 'Start',
+    end: 'End'
+  },
+  date: {
+    start: 'Start Date',
+    end: 'End Date',
+    t: 'Today',
+    y: 'Yesterday',
+    n: 'Last 7 days',
+    a: 'All'
+  },
+  form: {
+    printBtn: 'Print',
+    mockBtn: 'Mock',
+    submitBtn: 'Submit',
+    emptyBtn: 'Empty'
+  },
+  crud: {
+    excel: {
+      name: 'File Name',
+      type: 'Data',
+      typeDic: {
+        true: 'Data on this page (all of the data on this page)',
+        false: 'Selected Data (the selected data on this page)'
+      },
+      prop: 'Field',
+      params: 'Parameters',
+      paramsDic: {
+        header: 'Table Header',
+        data: 'Data Source',
+        headers: 'Complex Table Header',
+        sum: 'Total'
+      }
+    },
+    filter: {
+      addBtn: 'Add',
+      clearBtn: 'Clear',
+      resetBtn: 'Reset',
+      cancelBtn: 'Cancel',
+      submitBtn: 'Submit'
+    },
+    column: {
+      name: 'Name',
+      hide: 'Hide',
+      fixed: 'Fixed',
+      filters: 'Filter',
+      sortable: 'Sort',
+      index: 'Index',
+      width: 'Width'
+    },
+    emptyText: 'No Data',
+    tipStartTitle: 'Selected',
+    tipEndTitle: 'Items　',
+    editTitle: 'Edit',
+    copyTitle: 'Copy',
+    addTitle: 'Add',
+    viewTitle: 'View',
+    filterTitle: 'Filter Conditions',
+    showTitle: 'Column Display',
+    menu: 'Menu',
+    addBtn: 'Add',
+    show: 'Show',
+    hide: 'Hide',
+    open: 'Open',
+    shrink: 'Shrink',
+    printBtn: 'Print',
+    mockBtn: 'Mock',
+    excelBtn: 'Export',
+    updateBtn: 'Update',
+    cancelBtn: 'Cancel',
+    searchBtn: 'Search',
+    emptyBtn: 'Empty',
+    menuBtn: 'Menu',
+    saveBtn: 'Save',
+    viewBtn: 'View',
+    editBtn: 'Edit',
+    copyBtn: 'Copy',
+    delBtn: 'Delete'
+  }
+};

package/lib/locale/lang/zh.js

@@ -0,0 +1,100 @@
+export default {
+  common: {
+    submitBtn: '确 定',
+    cancelBtn: '取 消',
+    condition: '条件',
+    display: '显示',
+    hide: '隐藏'
+  },
+  tip: {
+    select: '请选择',
+    input: '请输入'
+  },
+  check: {
+    checkAll: '全选'
+  },
+  upload: {
+    upload: '点击上传',
+    tip: '将文件拖到此处，或'
+  },
+  time: {
+    start: '开始',
+    end: '结束'
+  },
+  date: {
+    start: '开始',
+    end: '结束',
+    t: '今日',
+    y: '昨日',
+    n: '近7天',
+    a: '全部'
+  },
+  form: {
+    printBtn: '打 印',
+    mockBtn: '模 拟',
+    submitBtn: '提 交',
+    emptyBtn: '清 空'
+  },
+  crud: {
+    excel: {
+      name: '文件名',
+      type: '数据',
+      typeDic: {
+        true: '当前数据(当前页全部的数据)',
+        false: '选中的数据(当前页选中的数据)'
+      },
+      prop: '字段',
+      params: '参数',
+      paramsDic: {
+        header: '表头',
+        data: '数据源',
+        headers: '复杂表头',
+        sum: '合计统计'
+      }
+    },
+    filter: {
+      addBtn: '新增条件',
+      clearBtn: '清空数据',
+      resetBtn: '清空条件',
+      cancelBtn: '取 消',
+      submitBtn: '确 定'
+    },
+    column: {
+      name: '列名',
+      hide: '隐藏',
+      fixed: '冻结',
+      filters: '过滤',
+      sortable: '排序',
+      index: '顺序',
+      width: '宽度'
+    },
+    emptyText: '暂无数据',
+    tipStartTitle: '当前表格已选择',
+    tipEndTitle: '项',
+    editTitle: '编 辑',
+    copyTitle: '复 制',
+    addTitle: '新 增',
+    viewTitle: '查 看',
+    filterTitle: '过滤条件',
+    showTitle: '列显隐',
+    menu: '操作',
+    addBtn: '新 增',
+    show: '显 示',
+    hide: '隐 藏',
+    open: '展 开',
+    shrink: '收 缩',
+    printBtn: '打 印',
+    mockBtn: '模 拟',
+    excelBtn: '导 出',
+    updateBtn: '修 改',
+    cancelBtn: '取 消',
+    searchBtn: '搜 索',
+    emptyBtn: '清 空',
+    menuBtn: '功 能',
+    saveBtn: '保 存',
+    viewBtn: '查 看',
+    editBtn: '编 辑',
+    copyBtn: '复 制',
+    delBtn: '删 除'
+  }
+};

package/package.json

@@ -0,0 +1,67 @@
+{
+  "name": "@kyvi/kv_ui",
+  "version": "1.0.0",
+  "description": "CRUD component",
+  "main": "lib/kv_ui.min.js",
+  "unpkg": "lib/kv_ui.min.js",
+  "jsdelivr": "lib/kv_ui.min.js",
+  "scripts": {
+    "bootstrap": "yarn --registry https://registry.npm.taobao.org || npm install --registry https://registry.npm.taobao.org ",
+    "gen:version": "node build/version.js",
+    "analyz": "NODE_ENV=production npm_config_report=true npm run build",
+    "dev": "yarn gen:version && cross-env TARGET=dev UINAME=element-ui gulp watch",
+    "build": "yarn gen:version && cross-env TARGET=prod UINAME=element-ui gulp build",
+    "all": "yarn build && yarn dev"
+  },
+  "keywords": [
+    "vue",
+    "element-ui",
+    "kv_ui"
+  ],
+  "author": "kyvi",
+  "license": "MIT",
+  "devDependencies": {
+    "@babel/core": "^7.13.14",
+    "@babel/preset-env": "^7.13.12",
+    "axios": "^0.21.1",
+    "babel-loader": "^8.2.2",
+    "cross-env": "^3.1.3",
+    "css-loader": "^5.2.0",
+    "element-ui": "^2.15.10",
+    "eslint": "4.14.0",
+    "eslint-config-elemefe": "0.1.1",
+    "eslint-loader": "^1.9.0",
+    "eslint-plugin-html": "^4.0.1",
+    "eslint-plugin-json": "^1.2.0",
+    "gulp": "^4.0.0",
+    "gulp-autoprefixer": "^4.0.0",
+    "gulp-cssmin": "^0.1.7",
+    "gulp-postcss": "^6.1.1",
+    "gulp-sass": "^5.1.0",
+    "progress-bar-webpack-plugin": "^1.11.0",
+    "sass": "^1.54.5",
+    "vue": "2.7.10",
+    "vue-loader": "^15.9.6",
+    "webpack": "^4.27.0",
+    "webpack-bundle-analyzer": "^3.0.3",
+    "webpack-merge": "^4.1.4"
+  },
+  "peerDependencies": {
+    "element-ui": ">=2.15.3",
+    "vue": ">=2.5.17"
+  },
+  "dependencies": {
+    "countup.js": "^1.9.3",
+    "dayjs": "^1.10.4",
+    "lodash": "^4.17.21",
+    "nprogress": "^0.2.0",
+    "vue-cropper": "^0.5.8"
+  },
+  "publishConfig": {
+    "access": "public"
+  },
+  "files": [
+    "lib",
+    "README.md"
+  ]
+}