three-trees-ui 1.0.0

package/src/index.js

@@ -0,0 +1,295 @@
+import '@/directive/index'
+import '@/filter/index'
+import loadingIndex from '@/plugins/loading/index.js'
+import validate from '@/validate'
+import CommonScripts from '@/services/commonScripts.js'
+import HtInput from '../packages/Input/index'
+import HtCheckbox from '../packages/Checkbox/index'
+import HtTable from '../packages/Table/index'
+import HtTableColumn from '../packages/TableColumn/index'
+import HtTableSearchPanel from '../packages/TableSearchPanel/index'
+import HtTableSearchField from '../packages/TableSearchField/index'
+import HtRadio from '../packages/Radio/index'
+import HtDate from '../packages/Date/index'
+import HtTimeSelect from '../packages/TimeSelect/index'
+import HtTimePicker from '../packages/TimePicker/index'
+import HtSelect from '../packages/Select/index'
+import HtFile from '../packages/File/index'
+import HtDemension from '../packages/Demension/index'
+import HtTree from '../packages/Tree/index'
+import HtAddQueryStrategy from '../packages/AddQueryStrategy/index'
+import HtSidebarDialog from '../packages/SidebarDialog/index'
+import Selector from '../packages/Selector/index'
+import HtRoleSelector from '../packages/RoleSelector/index'
+import HtUserSelector from '../packages/UserSelector/index'
+import HtOrgSelector from '../packages/OrgSelector/index'
+import HtJobSelector from '../packages/JobSelector/index'
+import HtPostSelector from '../packages/PostSelector/index'
+import HtDimensionSelector from '../packages/DimensionSelector/index'
+import HtUserDialog from '../packages/UserDialog/index'
+import HtDialog from '../packages/Dialog/index'
+import HtCustomDialog from '../packages/CustomDialog/index'
+import HtOrgPostDialog from '../packages/OrgPostDialog/index'
+import HtTreeDialog from '../packages/TreeDialog/index'
+import HtTreeListDialog from '../packages/TreeListDialog/index'
+import HtFormItem from '../packages/FormItem/index'
+import HtSaveButton from '../packages/SaveButton/index'
+import HtDuration from '../packages/Duration/index'
+import HtFieldTail from '../packages/FieldTail/index'
+import HtFileUpload from '../packages/FileUpload/index'
+import HtIcon from '../packages/Icon/index'
+import HtEditor from '../packages/Editor/index'
+import HtPicture from '../packages/picture/index'
+import HtExplain from '../packages/Explain/index'
+import HtAvatarImage from '../packages/Avatar/index'
+import {
+  HtH1,
+  HtH2,
+  HtH3,
+  HtH4,
+  HtH5,
+  HtH6,
+} from '../packages/Typography/index'
+import '../packages/Icon/src/icons'
+import locale from '@/locale'
+import { version } from '../package.json'
+
+/** eip-control */
+import HtCollapse from '../packages/Collapse/index'
+import HtCollapseItem from '../packages/CollapseItem/index'
+import HtStep from '../packages/Step/index'
+import HtSteps from '../packages/Steps/index'
+import HtStepLayout from '../packages/StepLayout/index'
+import HtDivider from '../packages/Divider/index'
+import HtTabs from '../packages/Tabs/index'
+import HtAutocomplete from '../packages/Autocomplete/index'
+import HtCascader from '../packages/Cascader/index'
+import HtDatePicker from '../packages/DatePicker/index'
+import HtDictionary from '../packages/Dictionary/index'
+import HtReadonlyInput from '../packages/ReadonlyInput/index'
+import HtOnlineForm from '../packages/OnlineForm/index'
+import HtUserSelectorInput from '../packages/UserSelectorInput/index'
+import HtOrgSelectorInput from '../packages/OrgSelectorInput/index'
+import HtRoleSelectorInput from '../packages/RoleSelectorInput/index'
+import HtPostSelectorInput from '../packages/PostSelectorInput/index'
+import HtJobSelectorInput from '../packages/JobSelectorInput/index'
+import HtDimensionSelectorInput from '../packages/DimensionSelectorInput/index'
+import HtSwitch from '../packages/Switch/index'
+import HtTag from '../packages/Tag/index'
+import HtSelectTree from '../packages/SelectTree/index'
+import HtButton from '../packages/Button/index'
+import HtImage from '../packages/Image/index'
+import HtChart from '../packages/Chart/index'
+import HtMap from '../packages/Map/index'
+import HtQrcode from '../packages/Qrcode/index'
+import HtDataView from '../packages/DataView/index'
+import HtRelevantFlow from '../packages/RelevantFlow/index'
+import HtMilepost from '../packages/Milepost/index'
+import HtText from '../packages/Text/index'
+import HtRate from '../packages/Rate/index'
+import HtSlider from '../packages/Slider/index'
+import HtTemplateForm from '../packages/TemplateForm/index'
+import HtTemplateBatchUpdateDialog from '../packages/TemplateBatchUpdate/index'
+import HtTemplateFormDialog from '../packages/TemplateFormDialog/index'
+import HtTemplateIframeDialog from '../packages/TemplateIframeDialog/index'
+import FlowChart from '../packages/FlowChart/index'
+import ProcessRecord from '../packages/ProcessRecord/index'
+import TemplateImportResult from '../packages/TemplateImportResult/index'
+import TemplateTaskCirculate from '../packages/TemplateTaskCirculate/index'
+import HtHistoricalApproval from '../packages/HistoricalApproval/index'
+import HtIframe from '../packages/Iframe/index'
+import HtPostDialog from '../packages/PostDialog/index'
+import HtJobDialog from '../packages/JobDialog/index'
+import HtRoleDialog from '../packages/RoleDialog/index'
+import HtCustomComponent from '../packages/CustomComponent/index'
+
+import {
+  GlobalValidate as HtGlobalValidate,
+  GlobalQuery as HtGlobalQuery,
+} from '../packages/Global/index'
+import {
+  SubDialog as HtSubDialog,
+  SubtableBackfill as HtSubtableBackfill,
+  SubPagination as HtSubPagination,
+  SubExportDialog as HtSubExportDialog,
+  SubImportDialog as HtSubImportDialog,
+} from '../packages/Subtable/index'
+
+import {
+  TemplatePreview as HtTemplatePreview,
+  TemplatePreviewFile as HtTemplatePreviewFile,
+  TemplatePreviewImage as HtTemplatePreviewImage,
+} from '../packages/TemplatePreview/index'
+
+import HtQuerySqlPreview from '../packages/QuerySqlPreview/index'
+
+const HotentUi = {
+  HtCustomComponent,
+  HtIframe,
+  HtHistoricalApproval,
+  version,
+  HtInput,
+  HtCheckbox,
+  HtRadio,
+  HtDate,
+  HtTimeSelect,
+  HtTimePicker,
+  HtTable,
+  HtTableColumn,
+  HtTableSearchPanel,
+  HtTableSearchField,
+  HtSelect,
+  HtFile,
+  HtDemension,
+  HtTree,
+  HtAddQueryStrategy,
+  HtSidebarDialog,
+  Selector,
+  HtRoleSelector,
+  HtUserSelector,
+  HtOrgSelector,
+  HtJobSelector,
+  HtPostSelector,
+  HtDimensionSelector,
+  HtFormItem,
+  HtSaveButton,
+  HtUserDialog,
+  HtDialog,
+  HtCustomDialog,
+  HtTreeDialog,
+  HtTreeListDialog,
+  HtOrgPostDialog,
+  HtDuration,
+  HtFieldTail,
+  HtFileUpload,
+  HtIcon,
+  HtEditor,
+  HtAvatarImage,
+  HtH1,
+  HtH2,
+  HtH3,
+  HtH4,
+  HtH5,
+  HtH6,
+  HtCollapse,
+  HtCollapseItem,
+  HtStep,
+  HtSteps,
+  HtStepLayout,
+  HtDivider,
+  HtTabs,
+  HtAutocomplete,
+  HtCascader,
+  HtDatePicker,
+  HtDictionary,
+  HtReadonlyInput,
+  HtOnlineForm,
+  HtUserSelectorInput,
+  HtOrgSelectorInput,
+  HtRoleSelectorInput,
+  HtPostSelectorInput,
+  HtJobSelectorInput,
+  HtDimensionSelectorInput,
+  HtSwitch,
+  HtTag,
+  HtSelectTree,
+  HtButton,
+  HtImage,
+  HtChart,
+  HtMap,
+  HtQrcode,
+  HtDataView,
+  HtTemplatePreview,
+  HtTemplatePreviewFile,
+  HtTemplatePreviewImage,
+  HtRelevantFlow,
+  HtMilepost,
+  HtText,
+  HtRate,
+  HtSlider,
+  HtTemplateForm,
+  HtTemplateBatchUpdateDialog,
+  HtGlobalValidate,
+  HtGlobalQuery,
+  HtSubDialog,
+  HtSubtableBackfill,
+  HtSubPagination,
+  HtSubExportDialog,
+  HtSubImportDialog,
+  HtQuerySqlPreview,
+  HtTemplateFormDialog,
+  HtTemplateIframeDialog,
+  HtPicture,
+  FlowChart,
+  ProcessRecord,
+  HtExplain,
+  TemplateImportResult,
+  TemplateTaskCirculate,
+  HtPostDialog,
+  HtJobDialog,
+  HtRoleDialog,
+}
+
+HotentUi.install = (Vue, opts = {}) => {
+  if (!opts.smallScreenDialog) {
+    opts.smallScreenDialog = false
+  }
+  if (!opts.paginationBackground) {
+    opts.paginationBackground = false
+  }
+  if (!opts.readonlyInput) {
+    opts.readonlyInput = false
+  }
+  if (!opts.hideTip) {
+    opts.hideTip = false
+  }
+  if (!opts.requestConfig) {
+    opts.requestConfig = {}
+  }
+  if (!opts.allPaginationJustify) {
+    opts.allPaginationJustify = ''
+  }
+  Vue.prototype.$smallScreenDialog = opts.smallScreenDialog
+  Vue.prototype.$paginationBackground = opts.paginationBackground
+  Vue.prototype.$readonlyInput = opts.readonlyInput
+  Vue.prototype.$hideTip = opts.hideTip
+  Vue.prototype.$requestConfig = opts.requestConfig
+  Vue.prototype.$allPaginationJustify = opts.allPaginationJustify
+  Vue.prototype.$HOTENT = {
+    size: opts.size || 'small',
+  }
+  // 图片压缩配置
+  Vue.prototype.$imageCompressConfig = opts.imageCompressConfig
+  locale.use(opts.locale)
+  locale.i18n(opts.i18n)
+  Vue.use(validate)
+  Vue.use(CommonScripts)
+
+  Vue.use(loadingIndex)
+
+  Object.keys(HotentUi).forEach((name) => {
+    const component = HotentUi[name]
+    component && component.name && Vue.component(component.name, component)
+  })
+
+  Vue.component('ht-vnode', {
+    functional: true,
+    render: (h, ctx) => {
+      // 复制父组件的属性到子组件中
+      let assembly = {
+        ...ctx.props.vnode.componentOptions.propsData,
+        ...ctx.props,
+      }
+      delete assembly['vnode']
+      ctx.props.vnode.componentOptions.propsData = assembly
+      ctx.props.vnode.componentOptions.listeners = ctx.listeners
+      return ctx.props.vnode
+    },
+  })
+}
+
+if (typeof window !== 'undefined' && window.Vue) {
+  HotentUi.install(window.Vue)
+}
+
+export default HotentUi

package/src/locale/format.js

@@ -0,0 +1,44 @@
+const hasOwnProperty = Object.prototype.hasOwnProperty
+
+const RE_NARGS = /(%|)\{([0-9a-zA-Z_]+)\}/g
+/**
+ *  String format template
+ *  - Inspired:
+ *    https://github.com/Matt-Esch/string-template/index.js
+ */
+export default function() {
+  /**
+   * 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 = hasOwnProperty.call(args, i) ? args[i] : null
+        if (result === null || result === undefined) {
+          return ''
+        }
+
+        return result
+      }
+    })
+  }
+
+  return template
+}

package/src/locale/index.js

@@ -0,0 +1,48 @@
+import defaultLang from '@/locale/lang/zh-CN'
+import Vue from 'vue'
+import deepmerge from 'deepmerge'
+import Format from './format'
+
+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,
+        deepmerge(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/src/locale/lang/en.js

@@ -0,0 +1,59 @@
+export default {
+  ht: {
+    common: {
+      add: 'add',
+      delete: 'delete',
+      copy: 'copy',
+      seq: 'sequence',
+      operation: 'operation',
+      search: 'search',
+      reset: 'reset',
+      save: 'save',
+      cancle: 'cancle',
+      up: 'up',
+      down: 'down',
+      remove: 'remove',
+      clear: 'clear',
+      index: 'index',
+      selected: 'selected',
+      enter: 'Please enter ',
+      toSearch: ' to search',
+      errTip: 'Error tip',
+      warmTips: 'Warm prompt',
+      close: 'close',
+      confirm: 'confirm',
+    },
+    tree: {
+      filterText: 'keyword filter',
+    },
+    selectLang: {
+      switchLang: 'switch lang',
+    },
+    file: {
+      nopreview: 'no preview permission',
+      forbiddenPreview:
+        'Forbidden to preview attachments not uploaded successfully',
+      download: 'download',
+      preview: 'preview',
+      sort: 'sort',
+    },
+    date: {
+      startDate: 'Start date',
+      startTime: 'Start time',
+      endDate: 'End date',
+      endTime: 'End time',
+    },
+    picture: {
+      imgName: 'image name',
+      imgUrl: 'image url',
+      imgNamePlaceHolder: 'Please enter the picture name',
+      imgUrlPlaceHolder: 'Please input the picture address',
+      uploadWebImg: 'Upload Internet pictures',
+      viewOriginalImage: 'View the original',
+      limitCountTip: 'A maximum of {limit} images can be uploaded',
+      limitTypeTip:
+        'Please upload images with suffix JPG, PNG, GIF, ICO and JPEG',
+      onlyUploadOne: 'Uploading multiple images is not supported',
+    },
+  },
+}

package/src/locale/lang/zh-CN.js

@@ -0,0 +1,59 @@
+export default {
+  ht: {
+    common: {
+      add: '添加',
+      delete: '删除',
+      copy: '复制',
+      seq: '序号',
+      operation: '操作',
+      search: '查询',
+      reset: '重置',
+      save: '保存',
+      cancle: '取消',
+      up: '上移',
+      down: '下移',
+      remove: '删除',
+      clear: '清空',
+      index: '序号',
+      selected: '已选择',
+      enter: '请输入',
+      toSearch: '来搜索',
+      errTip: '错误提示',
+      warmTips: '温馨提示',
+      close: '关闭',
+      confirm: '确认',
+    },
+    tree: {
+      filterText: '输入关键字进行过滤',
+    },
+    selectLang: {
+      switchLang: '切换语言',
+    },
+    file: {
+      nopreview: '没有预览权限',
+      forbiddenPreview: '未上传成功的附件禁止预览',
+      download: '下载',
+      preview: '预览',
+      sort: '排序',
+    },
+    date: {
+      startDate: '开始日期',
+      startTime: '开始时间',
+      endDate: '结束日期',
+      endTime: '结束时间',
+    },
+    picture: {
+      uploadButtonText: '上传',
+      imgName: '图片名称',
+      imgUrl: '图片地址',
+      imgNamePlaceHolder: '请输入图片名称',
+      imgUrlPlaceHolder: '请输入图片地址',
+      uploadWebImg: '上传网络图片',
+      viewOriginalImage: '查看原图',
+      limitCountTip: '最多允许上传{limit}张图片',
+      limitTypeTip: '请上传后缀名为jpg、png、gif、ico、jpeg类型的图片',
+      onlyUploadOne: '只能上传一张图片',
+      deleteTip: '确认要{clear}图片?',
+    },
+  },
+}

package/src/locale/lang/zh-TW.js

@@ -0,0 +1,57 @@
+export default {
+  ht: {
+    common: {
+      add: '添加',
+      delete: '刪除',
+      copy: '複製',
+      seq: '序號',
+      operation: '操作',
+      search: '查詢',
+      reset: '重置',
+      save: '保存',
+      cancle: '取消',
+      up: '上移',
+      down: '下移',
+      remove: '刪除',
+      clear: '清空',
+      index: '序號',
+      selected: '已選擇',
+      enter: '請輸入',
+      toSearch: '來搜索',
+      errTip: '錯誤提示',
+      warmTips: '溫馨提示',
+      close: '關閉',
+      confirm: '確認',
+    },
+    tree: {
+      filterText: '輸入關鍵字進行過濾',
+    },
+    selectLang: {
+      switchLang: '切換語言',
+    },
+    file: {
+      nopreview: '沒有預覽權限',
+      forbiddenPreview: '未上傳成功的附件禁止預覽',
+      download: '下載',
+      preview: '預覽',
+      sort: '排序',
+    },
+    date: {
+      startDate: '開始日期',
+      startTime: '開始時間',
+      endDate: '結束日期',
+      endTime: '結束時間',
+    },
+    picture: {
+      imgName: '圖片名稱',
+      imgUrl: '圖片地址',
+      imgNamePlaceHolder: '請輸入圖片名稱',
+      imgUrlPlaceHolder: '請輸入圖片地址',
+      uploadWebImg: '上傳網絡圖片',
+      viewOriginalImage: '查看原圖',
+      limitCountTip: '最多允許上傳{limit}張圖片',
+      limitTypeTip: '請上傳後綴名為 JPG, PNG, GIF, ICO and JPEG類型的圖片',
+      onlyUploadOne: '只能上傳一張圖片',
+    },
+  },
+}