djm-ui 0.0.0-stage → 0.67.2

package/src/index.js

@@ -0,0 +1,356 @@
+/**
+ * DJM UI 统一入口
+ * 全量注册：import DjmUI from './src/index.js'; app.use(DjmUI)
+ * 按需引入：import DjmButton from './src/components/button/index.js'
+ */
+import DjmButton from './components/button/index.js'
+import DjmInput from './components/input/index.js'
+import DjmSelect from './components/select/index.js'
+import DjmCheckbox from './components/checkbox/index.js'
+import DjmRadio from './components/radio/index.js'
+import DjmSwitch from './components/switch/index.js'
+import DjmForm from './components/form/index.js'
+import DjmFormItem from './components/form-item/index.js'
+import DjmTable from './components/table/index.js'
+import DjmEmpty from './components/empty/index.js'
+import DjmPageHeader from './components/page-header/index.js'
+import DjmBreadcrumb from './components/breadcrumb/index.js'
+import DjmAvatar from './components/avatar/index.js'
+import DjmAvatarGroup from './components/avatar/group.js'
+import DjmBadge from './components/badge/index.js'
+import DjmPopover from './components/popover/index.js'
+import DjmMenu from './components/menu/index.js'
+import DjmTag from './components/tag/index.js'
+import DjmCard from './components/card/index.js'
+import DjmProgress from './components/progress/index.js'
+import DjmSkeleton from './components/skeleton/index.js'
+import DjmResult from './components/result/index.js'
+import DjmTimeline from './components/timeline/index.js'
+import DjmCollapse from './components/collapse/index.js'
+import DjmStatistic from './components/statistic/index.js'
+import DjmSteps from './components/steps/index.js'
+import DjmInputNumber from './components/input-number/index.js'
+import DjmRate from './components/rate/index.js'
+import DjmSlider from './components/slider/index.js'
+import DjmTimePicker from './components/time-picker/index.js'
+import DjmColorPicker from './components/color-picker/index.js'
+import DjmCascader from './components/cascader/index.js'
+import DjmTransfer from './components/transfer/index.js'
+import DjmAlert from './components/alert/index.js'
+import DjmSpin from './components/spin/index.js'
+import DjmPopconfirm from './components/popconfirm/index.js'
+import DjmAnchor from './components/anchor/index.js'
+import DjmBacktop from './components/backtop/index.js'
+import DjmDivider from './components/divider/index.js'
+import DjmSpace from './components/space/index.js'
+import DjmAffix from './components/affix/index.js'
+import DjmSegmented from './components/segmented/index.js'
+import DjmImage from './components/image/index.js'
+import DjmWatermark from './components/watermark/index.js'
+import DjmAutoComplete from './components/autocomplete/index.js'
+import DjmSplitter from './components/splitter/index.js'
+import DjmCarousel from './components/carousel/index.js'
+import DjmTour from './components/tour/index.js'
+import DjmCalendar from './components/calendar/index.js'
+import DjmFloatButton from './components/float-button/index.js'
+import DjmMentions from './components/mentions/index.js'
+import DjmRow from './components/grid/row.js'
+import DjmCol from './components/grid/col.js'
+import DjmLayout from './components/layout/index.js'
+import DjmLayoutHeader from './components/layout/header.js'
+import DjmLayoutSider from './components/layout/sider.js'
+import DjmLayoutContent from './components/layout/content.js'
+import DjmLayoutFooter from './components/layout/footer.js'
+import DjmList from './components/list/index.js'
+import DjmInputTag from './components/input-tag/index.js'
+import DjmPassword from './components/password/index.js'
+import DjmCommandPalette from './components/command-palette/index.js'
+import DjmQRCode from './components/qrcode/index.js'
+import DjmStatus from './components/status/index.js'
+import DjmTooltip from './components/tooltip/index.js'
+import DjmDropdown from './components/dropdown/index.js'
+import DjmDrawer from './components/drawer/index.js'
+import DjmIcon from './components/icon/index.js'
+import DjmModal from './components/modal/index.js'
+import DjmConfirmDialog from './components/confirm-dialog/index.js'
+import DjmPagination from './components/pagination/index.js'
+import DjmTabs from './components/tabs/index.js'
+import DjmContextMenu from './components/context-menu/index.js'
+import DjmDatePicker from './components/date-picker/index.js'
+import DjmTreeSelect from './components/tree-select/index.js'
+import DjmRichEditor from './components/rich-editor/index.js'
+import DjmFloatingWindow from './components/floating-window/index.js'
+import DjmUpload from './components/upload/index.js'
+import DjmTree from './components/tree/index.js'
+import DjmEditableTable from './components/editable-table/index.js'
+import DjmDescriptions from './components/descriptions/index.js'
+import DjmMessageHost from './components/message/index.js'
+import DjmOrgPicker from './components/org-picker/index.js'
+import DjmSchemaForm from './components/schema-form/index.js'
+import DjmApprovalFlow from './components/approval-flow/index.js'
+import DjmQueryFilter from './components/query-filter/index.js'
+import DjmFilterTags from './components/filter-tags/index.js'
+import DjmMediaPicker from './components/media-picker/index.js'
+import DjmKanban from './components/kanban/index.js'
+import DjmAttachmentList from './components/attachment-list/index.js'
+import DjmNotification from './components/notification/index.js'
+import DjmConfigProvider from './components/config-provider/index.js'
+import DjmDateTimePicker from './components/date-time-picker/index.js'
+import DjmVirtualList from './components/virtual-list/index.js'
+import DjmBatchBar from './components/batch-bar/index.js'
+import DjmImportWizard from './components/import-wizard/index.js'
+import DjmDiff from './components/diff/index.js'
+import DjmTreeTable from './components/tree-table/index.js'
+import DjmSchedule from './components/schedule/index.js'
+import DjmComment from './components/comment/index.js'
+import DjmSignature from './components/signature/index.js'
+import DjmPrint from './components/print/index.js'
+import DjmGantt from './components/gantt/index.js'
+import DjmFieldList from './components/field-list/index.js'
+import DjmChat from './components/chat/index.js'
+import DjmOrgChart from './components/org-chart/index.js'
+import DjmPageTabs from './components/page-tabs/index.js'
+
+export {
+  DjmButton,
+  DjmInput,
+  DjmSelect,
+  DjmCheckbox,
+  DjmRadio,
+  DjmSwitch,
+  DjmForm,
+  DjmFormItem,
+  DjmTable,
+  DjmEmpty,
+  DjmPageHeader,
+  DjmBreadcrumb,
+  DjmAvatar,
+  DjmAvatarGroup,
+  DjmBadge,
+  DjmPopover,
+  DjmMenu,
+  DjmTag,
+  DjmCard,
+  DjmProgress,
+  DjmSkeleton,
+  DjmResult,
+  DjmTimeline,
+  DjmCollapse,
+  DjmStatistic,
+  DjmSteps,
+  DjmInputNumber,
+  DjmRate,
+  DjmSlider,
+  DjmTimePicker,
+  DjmColorPicker,
+  DjmCascader,
+  DjmTransfer,
+  DjmAlert,
+  DjmSpin,
+  DjmPopconfirm,
+  DjmAnchor,
+  DjmBacktop,
+  DjmDivider,
+  DjmSpace,
+  DjmAffix,
+  DjmSegmented,
+  DjmImage,
+  DjmWatermark,
+  DjmAutoComplete,
+  DjmSplitter,
+  DjmCarousel,
+  DjmTour,
+  DjmCalendar,
+  DjmFloatButton,
+  DjmMentions,
+  DjmRow,
+  DjmCol,
+  DjmLayout,
+  DjmLayoutHeader,
+  DjmLayoutSider,
+  DjmLayoutContent,
+  DjmLayoutFooter,
+  DjmList,
+  DjmInputTag,
+  DjmPassword,
+  DjmCommandPalette,
+  DjmQRCode,
+  DjmStatus,
+  DjmTooltip,
+  DjmDropdown,
+  DjmDrawer,
+  DjmIcon,
+  DjmModal,
+  DjmConfirmDialog,
+  DjmPagination,
+  DjmTabs,
+  DjmContextMenu,
+  DjmDatePicker,
+  DjmTreeSelect,
+  DjmRichEditor,
+  DjmFloatingWindow,
+  DjmUpload,
+  DjmTree,
+  DjmEditableTable,
+  DjmDescriptions,
+  DjmMessageHost,
+  DjmOrgPicker,
+  DjmSchemaForm,
+  DjmApprovalFlow,
+  DjmQueryFilter,
+  DjmFilterTags,
+  DjmMediaPicker,
+  DjmKanban,
+  DjmAttachmentList,
+  DjmNotification,
+  DjmConfigProvider,
+  DjmDateTimePicker,
+  DjmVirtualList,
+  DjmBatchBar,
+  DjmImportWizard,
+  DjmDiff,
+  DjmTreeTable,
+  DjmSchedule,
+  DjmComment,
+  DjmSignature,
+  DjmPrint,
+  DjmGantt,
+  DjmFieldList,
+  DjmChat,
+  DjmOrgChart,
+  DjmPageTabs
+}
+
+export { djmMessage, djmMessages } from './components/message/index.js'
+export { sanitizeHtml } from './utils/sanitize-html.js'
+export { moveTreeNode } from './utils/tree-move.js'
+export { moveRows } from './utils/row-move.js'
+export { setLocale, getLocale, t, localeState } from './locale/index.js'
+export {
+  theme, setTheme, toggleTheme, initTheme,
+  primaryColor, PRESET_COLORS, setPrimaryColor, resetPrimaryColor
+} from './theme/index.js'
+export { setPermissions, addPermissions, clearPermissions, hasPermission, vPermission } from './utils/permission.js'
+
+import { setLocale } from './locale/index.js'
+import { vPermission } from './utils/permission.js'
+
+const components = [
+  DjmButton,
+  DjmInput,
+  DjmSelect,
+  DjmCheckbox,
+  DjmRadio,
+  DjmSwitch,
+  DjmForm,
+  DjmFormItem,
+  DjmTable,
+  DjmEmpty,
+  DjmPageHeader,
+  DjmBreadcrumb,
+  DjmAvatar,
+  DjmAvatarGroup,
+  DjmBadge,
+  DjmPopover,
+  DjmMenu,
+  DjmTag,
+  DjmCard,
+  DjmProgress,
+  DjmSkeleton,
+  DjmResult,
+  DjmTimeline,
+  DjmCollapse,
+  DjmStatistic,
+  DjmSteps,
+  DjmInputNumber,
+  DjmRate,
+  DjmSlider,
+  DjmTimePicker,
+  DjmColorPicker,
+  DjmCascader,
+  DjmTransfer,
+  DjmAlert,
+  DjmSpin,
+  DjmPopconfirm,
+  DjmAnchor,
+  DjmBacktop,
+  DjmDivider,
+  DjmSpace,
+  DjmAffix,
+  DjmSegmented,
+  DjmImage,
+  DjmWatermark,
+  DjmAutoComplete,
+  DjmSplitter,
+  DjmCarousel,
+  DjmTour,
+  DjmCalendar,
+  DjmFloatButton,
+  DjmMentions,
+  DjmRow,
+  DjmCol,
+  DjmLayout,
+  DjmLayoutHeader,
+  DjmLayoutSider,
+  DjmLayoutContent,
+  DjmLayoutFooter,
+  DjmList,
+  DjmInputTag,
+  DjmPassword,
+  DjmCommandPalette,
+  DjmQRCode,
+  DjmStatus,
+  DjmTooltip,
+  DjmDropdown,
+  DjmDrawer,
+  DjmIcon,
+  DjmModal,
+  DjmConfirmDialog,
+  DjmPagination,
+  DjmTabs,
+  DjmContextMenu,
+  DjmDatePicker,
+  DjmTreeSelect,
+  DjmRichEditor,
+  DjmFloatingWindow,
+  DjmUpload,
+  DjmTree,
+  DjmEditableTable,
+  DjmDescriptions,
+  DjmMessageHost,
+  DjmOrgPicker,
+  DjmSchemaForm,
+  DjmApprovalFlow,
+  DjmQueryFilter,
+  DjmFilterTags,
+  DjmMediaPicker,
+  DjmKanban,
+  DjmAttachmentList,
+  DjmNotification,
+  DjmConfigProvider,
+  DjmDateTimePicker,
+  DjmVirtualList,
+  DjmBatchBar,
+  DjmImportWizard,
+  DjmDiff,
+  DjmTreeTable,
+  DjmSchedule,
+  DjmComment,
+  DjmSignature,
+  DjmPrint,
+  DjmGantt,
+  DjmFieldList,
+  DjmChat,
+  DjmOrgChart,
+  DjmPageTabs
+]
+
+export const version = '0.67.2'
+
+export function install (app, options = {}) {
+  if (options.locale) setLocale(options.locale)
+  components.forEach((component) => app.component(component.name, component))
+  app.directive('permission', vPermission)
+}
+
+export default { install, version }

package/src/locale/en-US.js

@@ -0,0 +1,254 @@
+export default {
+  'common.close': 'Close',
+  'common.cancel': 'Cancel',
+  'common.confirm': 'OK',
+  'common.selected': '{count} selected',
+  'common.dialog': 'Dialog',
+  'common.noOptions': 'No options',
+  'common.removeTag': 'Remove tag',
+
+  'pagination.total': '{total} items',
+  'pagination.pageSize': '{size} / page',
+  'pagination.jump': 'Go to',
+  'pagination.pageUnit': '',
+  'pagination.first': 'First',
+  'pagination.prev': 'Previous',
+  'pagination.next': 'Next',
+  'pagination.last': 'Last',
+  'pagination.page': 'Page {page}',
+  'pagination.pageSizeLabel': 'Rows per page',
+  'pagination.jumpLabel': 'Go to page',
+
+  'table.loading': 'Loading…',
+  'table.empty': 'No data',
+  'table.selectAll': 'Select all rows',
+  'table.selectRow': 'Select row',
+  'table.scrollRegion': 'Table data',
+
+  'empty.title': 'No data',
+
+  'datePicker.placeholder': 'Select date',
+  'datePicker.rangePlaceholder': 'Select date range',
+  'datePicker.rangeEnd': 'End date',
+  'datePicker.today': 'Today',
+  'datePicker.clear': 'Clear',
+  'datePicker.title': '{month}/{year}',
+  'datePicker.weeks': 'Mo,Tu,We,Th,Fr,Sa,Su',
+
+  'calendar.title': '{month}/{year}',
+  'calendar.prevMonth': 'Previous month',
+  'calendar.nextMonth': 'Next month',
+  'calendar.grid': 'Dates',
+
+  'treeSelect.placeholder': 'Please select',
+  'treeSelect.search': 'Search',
+  'treeSelect.empty': 'No matching nodes',
+  'treeSelect.clear': 'Clear',
+  'treeSelect.clearSearch': 'Clear search',
+  'treeSelect.remove': 'Remove {label}',
+  'treeSelect.expand': 'Expand',
+  'treeSelect.collapse': 'Collapse',
+  'cascader.empty': 'No options',
+  'steps.order': 'Step {index}',
+
+  'password.aria': 'Password',
+  'password.show': 'Show password',
+  'password.hide': 'Hide password',
+  'password.weak': 'Weak',
+  'password.medium': 'Medium',
+  'password.strong': 'Strong',
+  'password.hint': 'At least 8 characters, mix upper and lower case with symbols',
+  'password.strength': 'Password strength: {level}',
+
+  'contextMenu.empty': 'No actions available',
+
+  'tree.empty': 'No nodes',
+
+  'confirm.title': 'Confirm',
+  'confirm.confirm': 'OK',
+  'confirm.cancel': 'Cancel',
+
+  'upload.dropText': 'Drop files here, or click to select',
+  'upload.dropHint': 'Multiple files supported',
+  'upload.select': 'Select files',
+  'upload.count': '{count} files added',
+  'upload.clear': 'Remove all',
+  'upload.empty': 'No files selected',
+  'upload.uploading': 'Uploading {percent}%',
+  'upload.done': 'Uploaded',
+  'upload.ready': 'Pending',
+  'upload.failed': 'Upload failed',
+  'upload.retry': 'Retry',
+  'upload.start': 'Upload',
+  'upload.remove': 'Remove',
+  'upload.limitHint': 'Up to {count} files',
+  'upload.sizeHint': 'Max {size} each',
+
+  'select.placeholder': 'Please select',
+  'select.empty': 'No matches',
+  'select.clear': 'Clear',
+
+  'orgPicker.placeholder': 'Select people',
+  'orgPicker.title': 'Select people',
+  'orgPicker.search': 'Search name or title',
+  'orgPicker.deptTree': 'Departments',
+  'orgPicker.allStaff': 'All people',
+  'orgPicker.expand': 'Expand or collapse department',
+  'orgPicker.selected': '{count} selected',
+  'orgPicker.clearSelected': 'Clear',
+  'orgPicker.clear': 'Clear',
+  'orgPicker.empty': 'No matching people',
+
+  'queryFilter.search': 'Search',
+  'queryFilter.reset': 'Reset',
+  'queryFilter.expand': 'More',
+  'queryFilter.collapse': 'Less',
+
+  'mediaPicker.select': 'Choose asset',
+  'mediaPicker.title': 'Media library',
+  'mediaPicker.search': 'Search assets',
+  'mediaPicker.empty': 'No matching assets',
+  'mediaPicker.total': '{total} assets',
+  'mediaPicker.limit': 'up to {limit}',
+
+  'image.preview': 'Preview image',
+  'image.close': 'Close preview',
+  'image.dialog': 'Image preview',
+  'image.failed': 'Failed to load image',
+
+  'tour.label': 'Guided tour',
+  'tour.close': 'Close tour',
+  'tour.prev': 'Previous',
+  'tour.next': 'Next',
+  'tour.finish': 'Done',
+
+  'richEditor.aria': 'Rich text editor',
+  'richEditor.placeholder': 'Type something…',
+  'richEditor.bold': 'Bold',
+  'richEditor.italic': 'Italic',
+  'richEditor.underline': 'Underline',
+  'richEditor.strike': 'Strikethrough',
+  'richEditor.heading': 'Heading 2',
+  'richEditor.paragraph': 'Paragraph',
+  'richEditor.bulletList': 'Bullet list',
+  'richEditor.numberList': 'Numbered list',
+  'richEditor.link': 'Insert link',
+  'richEditor.linkPrompt': 'Enter link URL',
+  'richEditor.clearFormat': 'Clear',
+  'richEditor.undo': 'Undo',
+  'richEditor.redo': 'Redo',
+  'richEditor.source': 'Source',
+  'richEditor.visual': 'Visual',
+
+  'approval.start': 'Started',
+  'approval.cc': 'CC',
+  'approval.approved': 'Approved',
+  'approval.rejected': 'Rejected',
+  'approval.pending': 'In review',
+  'approval.waiting': 'Waiting',
+  'approval.empty': 'No approval records',
+
+  'kanban.board': 'Kanban board',
+  'kanban.empty': 'No cards',
+  'kanban.addCard': 'Add card',
+
+  'attachment.empty': 'No attachments',
+  'attachment.preview': 'Preview',
+  'attachment.download': 'Download',
+  'attachment.remove': 'Remove',
+
+  'notification.unread': '{count} unread',
+  'notification.readAll': 'Mark all read',
+  'notification.clear': 'Clear all',
+  'notification.clearConfirm': 'Confirm clear',
+  'notification.empty': 'No notifications',
+
+  'dateTimePicker.placeholder': 'Select date and time',
+  'dateTimePicker.now': 'Now',
+  'dateTimePicker.clear': 'Clear',
+  'dateTimePicker.prevMonth': 'Previous month',
+  'dateTimePicker.nextMonth': 'Next month',
+
+  'virtualList.empty': 'No data',
+
+  'batchBar.selected': '{count} selected',
+  'batchBar.selectAll': 'Select all {total}',
+  'batchBar.clear': 'Clear selection',
+
+  'importWizard.stepFile': 'Choose file',
+  'importWizard.stepMapping': 'Map fields',
+  'importWizard.stepResult': 'Result',
+  'importWizard.pick': 'Choose a file',
+  'importWizard.dragTip': 'Drop a file here or click to choose ({accept})',
+  'importWizard.acceptError': 'Only {accept} files are allowed',
+  'importWizard.sizeError': 'File must be under {size} MB',
+  'importWizard.reselect': 'Choose another',
+  'importWizard.sourcePlaceholder': 'Select a source column',
+  'importWizard.missingRequired': 'Required fields not mapped: {fields}',
+  'importWizard.prev': 'Back',
+  'importWizard.submit': 'Start import',
+  'importWizard.importing': 'Importing…',
+  'importWizard.statTotal': 'Total',
+  'importWizard.statSuccess': 'Succeeded',
+  'importWizard.statFailed': 'Failed',
+  'importWizard.rowNo': 'Row {row}',
+  'importWizard.retry': 'Back to edit',
+  'importWizard.restart': 'Import again',
+
+  'diff.before': 'Before',
+  'diff.after': 'After',
+  'diff.same': 'No changes',
+  'diff.expand': 'Show {count} unchanged lines',
+
+  'treeTable.empty': 'No data',
+  'treeTable.loading': 'Loading…',
+  'treeTable.selectAll': 'Select all',
+  'treeTable.expand': 'Expand',
+  'treeTable.collapse': 'Collapse',
+
+  'schedule.title': 'Schedule',
+  'schedule.weekdays': 'Mon,Tue,Wed,Thu,Fri,Sat,Sun',
+  'schedule.prevWeek': 'Previous week',
+  'schedule.nextWeek': 'Next week',
+  'schedule.today': 'This week',
+
+  'comment.placeholder': 'Write a comment…',
+  'comment.replyPlaceholder': 'Reply to {name}',
+  'comment.replyingTo': 'Replying to {name}',
+  'comment.cancelReply': 'Cancel reply',
+  'comment.submit': 'Post',
+  'comment.submitting': 'Posting…',
+  'comment.reply': 'Reply',
+  'comment.remove': 'Delete',
+  'comment.empty': 'No comments yet',
+
+  'signature.label': 'Signature',
+  'signature.hint': 'Sign here',
+  'signature.clear': 'Clear',
+
+  'print.button': 'Print',
+
+  'gantt.task': 'Task',
+  'gantt.empty': 'No tasks',
+
+  'fieldList.add': 'Add row',
+  'fieldList.remove': 'Remove row',
+  'fieldList.empty': 'No rows',
+  'fieldList.select': 'Select',
+  'fieldList.required': '{label} is required',
+
+  'chat.label': 'Messages',
+  'chat.placeholder': 'Type a message, Enter to send',
+  'chat.send': 'Send',
+  'chat.sending': 'Sending…',
+  'chat.failed': 'Failed',
+  'chat.empty': 'No messages',
+  'chat.image': 'Image message',
+  'chat.me': 'Me',
+
+  'orgChart.empty': 'No organization data',
+  'orgChart.toggle': 'Expand or collapse',
+
+  'pageTabs.label': 'Page tabs',
+  'pageTabs.close': 'Close'
+}

package/src/locale/index.js

@@ -0,0 +1,32 @@
+import { reactive } from 'vue'
+import zhCN from './zh-CN.js'
+import enUS from './en-US.js'
+
+const state = reactive({
+  code: 'zh-CN',
+  messages: { 'zh-CN': zhCN, 'en-US': enUS }
+})
+
+/** 切换语言：zh-CN / en-US */
+export function setLocale (code) {
+  if (state.messages[code]) state.code = code
+}
+
+export function getLocale () {
+  return state.code
+}
+
+/** 取文案并做 {name} 插值，模板中调用会自动跟随语言切换 */
+export function t (key, params) {
+  const dict = state.messages[state.code] || zhCN
+  // 允许空字符串作为合法译文，不能用 || 回退
+  let text = key in dict ? dict[key] : (key in zhCN ? zhCN[key] : key)
+  if (params) {
+    Object.keys(params).forEach((name) => {
+      text = text.split('{' + name + '}').join(params[name])
+    })
+  }
+  return text
+}
+
+export { state as localeState }