swordpass-ui 1.0.0

package/src/index.js

@@ -0,0 +1,267 @@
+import '@/directive/index'
+import '@/filter/index'
+import validate from '@/validate'
+import ClInput from '../packages/Input/index'
+import ClCheckbox from '../packages/Checkbox/index'
+import ClTable from '../packages/Table/index'
+import ClTableColumn from '../packages/TableColumn/index'
+import ClTableSearchPanel from '../packages/TableSearchPanel/index'
+import ClTableSearchField from '../packages/TableSearchField/index'
+import ClRadio from '../packages/Radio/index'
+import ClDate from '../packages/Date/index'
+import ClTimeSelect from '../packages/TimeSelect/index'
+import ClTimePicker from '../packages/TimePicker/index'
+import ClSelect from '../packages/Select/index'
+import ClFile from '../packages/File/index'
+import ClDemension from '../packages/Demension/index'
+import ClTree from '../packages/Tree/index'
+import ClAddQueryStrategy from '../packages/AddQueryStrategy/index'
+import ClSidebarDialog from '../packages/SidebarDialog/index'
+import Selector from '../packages/Selector/index'
+import ClRoleSelector from '../packages/RoleSelector/index'
+import ClUserSelector from '../packages/UserSelector/index'
+import ClOrgSelector from '../packages/OrgSelector/index'
+import ClJobSelector from '../packages/JobSelector/index'
+import ClPostSelector from '../packages/PostSelector/index'
+import ClDimensionSelector from '../packages/DimensionSelector/index'
+import ClUserDialog from '../packages/UserDialog/index'
+import ClDialog from '../packages/Dialog/index'
+import ClCustomDialog from '../packages/CustomDialog/index'
+import ClOrgPostDialog from '../packages/OrgPostDialog/index'
+import ClTreeDialog from '../packages/TreeDialog/index'
+import ClTreeListDialog from '../packages/TreeListDialog/index'
+import ClFormItem from '../packages/FormItem/index'
+import ClSaveButton from '../packages/SaveButton/index'
+import ClDuration from '../packages/Duration/index'
+import ClFieldTail from '../packages/FieldTail/index'
+import ClFileUpload from '../packages/FileUpload/index'
+import ClIcon from '../packages/Icon/index'
+import ClEditor from '../packages/Editor/index'
+import ClPicture from '../packages/picture/index'
+import ClExplain from '../packages/Explain/index'
+import {
+  ClH1,
+  ClH2,
+  ClH3,
+  ClH4,
+  ClH5,
+  ClH6,
+} from '../packages/Typography/index'
+import '../packages/Icon/src/icons'
+import locale from '@/locale'
+import { version } from '../package.json'
+
+/** sp1-control */
+import ClCollapse from '../packages/Collapse/index'
+import ClCollapseItem from '../packages/CollapseItem/index'
+import ClStep from '../packages/Step/index'
+import ClSteps from '../packages/Steps/index'
+import ClStepLayout from '../packages/StepLayout/index'
+import ClDivider from '../packages/Divider/index'
+import ClTabs from '../packages/Tabs/index'
+import ClAutocomplete from '../packages/Autocomplete/index'
+import ClCascader from '../packages/Cascader/index'
+import ClDatePicker from '../packages/DatePicker/index'
+import ClDictionary from '../packages/Dictionary/index'
+import ClReadonlyInput from '../packages/ReadonlyInput/index'
+import ClOnlineForm from '../packages/OnlineForm/index'
+import ClUserSelectorInput from '../packages/UserSelectorInput/index'
+import ClOrgSelectorInput from '../packages/OrgSelectorInput/index'
+import ClRoleSelectorInput from '../packages/RoleSelectorInput/index'
+import ClPostSelectorInput from '../packages/PostSelectorInput/index'
+import ClJobSelectorInput from '../packages/JobSelectorInput/index'
+import ClDimensionSelectorInput from '../packages/DimensionSelectorInput/index'
+import ClSwitch from '../packages/Switch/index'
+import ClTag from '../packages/Tag/index'
+import ClSelectTree from '../packages/SelectTree/index'
+import ClButton from '../packages/Button/index'
+import ClImage from '../packages/Image/index'
+import ClChart from '../packages/Chart/index'
+import ClMap from '../packages/Map/index'
+import ClQrcode from '../packages/Qrcode/index'
+import ClDataView from '../packages/DataView/index'
+import ClRelevantFlow from '../packages/RelevantFlow/index'
+import ClMilepost from '../packages/Milepost/index'
+import ClText from '../packages/Text/index'
+import ClRate from '../packages/Rate/index'
+import ClSlider from '../packages/Slider/index'
+import ClTemplateForm from '../packages/TemplateForm/index'
+import ClTemplateBatchUpdateDialog from '../packages/TemplateBatchUpdate/index'
+import ClTemplateFormDialog from '../packages/TemplateFormDialog/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 {
+  GlobalValidate as ClGlobalValidate,
+  GlobalQuery as ClGlobalQuery,
+} from '../packages/Global/index'
+import {
+  SubDialog as ClSubDialog,
+  SubtableBackfill as ClSubtableBackfill,
+  SubPagination as ClSubPagination,
+  SubExportDialog as ClSubExportDialog,
+  SubImportDialog as ClSubImportDialog,
+} from '../packages/Subtable/index'
+
+import {
+  TemplatePreview as ClTemplatePreview,
+  TemplatePreviewFile as ClTemplatePreviewFile,
+  TemplatePreviewImage as ClTemplatePreviewImage,
+} from '../packages/TemplatePreview/index'
+
+import ClQuerySqlPreview from '../packages/QuerySqlPreview/index'
+
+const SwordUi = {
+  version,
+  ClInput,
+  ClCheckbox,
+  ClRadio,
+  ClDate,
+  ClTimeSelect,
+  ClTimePicker,
+  ClTable,
+  ClTableColumn,
+  ClTableSearchPanel,
+  ClTableSearchField,
+  ClSelect,
+  ClFile,
+  ClDemension,
+  ClTree,
+  ClAddQueryStrategy,
+  ClSidebarDialog,
+  Selector,
+  ClRoleSelector,
+  ClUserSelector,
+  ClOrgSelector,
+  ClJobSelector,
+  ClPostSelector,
+  ClDimensionSelector,
+  ClFormItem,
+  ClSaveButton,
+  ClUserDialog,
+  ClDialog,
+  ClCustomDialog,
+  ClTreeDialog,
+  ClTreeListDialog,
+  ClOrgPostDialog,
+  ClDuration,
+  ClFieldTail,
+  ClFileUpload,
+  ClIcon,
+  ClEditor,
+  ClH1,
+  ClH2,
+  ClH3,
+  ClH4,
+  ClH5,
+  ClH6,
+  ClCollapse,
+  ClCollapseItem,
+  ClStep,
+  ClSteps,
+  ClStepLayout,
+  ClDivider,
+  ClTabs,
+  ClAutocomplete,
+  ClCascader,
+  ClDatePicker,
+  ClDictionary,
+  ClReadonlyInput,
+  ClOnlineForm,
+  ClUserSelectorInput,
+  ClOrgSelectorInput,
+  ClRoleSelectorInput,
+  ClPostSelectorInput,
+  ClJobSelectorInput,
+  ClDimensionSelectorInput,
+  ClSwitch,
+  ClTag,
+  ClSelectTree,
+  ClButton,
+  ClImage,
+  ClChart,
+  ClMap,
+  ClQrcode,
+  ClDataView,
+  ClTemplatePreview,
+  ClTemplatePreviewFile,
+  ClTemplatePreviewImage,
+  ClRelevantFlow,
+  ClMilepost,
+  ClText,
+  ClRate,
+  ClSlider,
+  ClTemplateForm,
+  ClTemplateBatchUpdateDialog,
+  ClGlobalValidate,
+  ClGlobalQuery,
+  ClSubDialog,
+  ClSubtableBackfill,
+  ClSubPagination,
+  ClSubExportDialog,
+  ClSubImportDialog,
+  ClQuerySqlPreview,
+  ClTemplateFormDialog,
+  ClPicture,
+  FlowChart,
+  ProcessRecord,
+  ClExplain,
+  TemplateImportResult,
+  TemplateTaskCirculate,
+}
+
+SwordUi.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 = {}
+  }
+  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.$SWORD = {
+    size: opts.size || 'small',
+  }
+  locale.use(opts.locale)
+  locale.i18n(opts.i18n)
+  Vue.use(validate)
+
+  Object.keys(SwordUi).forEach((name) => {
+    const component = SwordUi[name]
+    component && component.name && Vue.component(component.name, component)
+  })
+
+  Vue.component('cl-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) {
+  SwordUi.install(window.Vue)
+}
+
+export default SwordUi

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 {
+  cl: {
+    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,58 @@
+export default {
+  cl: {
+    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: '只能上传一张图片',
+    },
+  },
+}

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

@@ -0,0 +1,57 @@
+export default {
+  cl: {
+    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: '只能上傳一張圖片',
+    },
+  },
+}