@vyr/element-plus-browser 0.0.1

package/package.json

@@ -0,0 +1,26 @@
+{
+  "name": "@vyr/element-plus-browser",
+  "version": "0.0.1",
+  "description": "",
+  "main": "./src/index.ts",
+  "author": "",
+  "license": "MIT",
+  "dependencies": {
+    "@vyr/locale": "0.0.1",
+    "@vyr/runtime": "0.0.1",
+    "@vyr/engine": "0.0.1",
+    "@vyr/design": "0.0.1",
+    "@vyr/builtin": "0.0.1",
+    "@vyr/vue": "0.0.1",
+    "@vyr/element-plus": "0.0.1",
+    "vue": "3.5.22"
+  },
+  "files": [
+    "package.json",
+    "src/"
+  ],
+  "vyr": {
+    "type": "browser",
+    "order": 1001
+  }
+}

package/src/common/event.ts

@@ -0,0 +1,9 @@
+import { Descriptor } from "@vyr/engine";
+import { ElInputDescriptor, ElPaginationDescriptor } from "@vyr/element-plus";
+
+const events = [
+    { ids: ['input', 'clear'], ignore: (descriptor: Descriptor) => descriptor.type !== ElInputDescriptor.type },
+    { ids: ['change'], ignore: (descriptor: Descriptor) => descriptor.type !== ElPaginationDescriptor.type },
+]
+
+export { events }

package/src/common/index.ts

@@ -0,0 +1,2 @@
+export * from './event'
+export * from './provider'

package/src/common/provider.ts

@@ -0,0 +1,14 @@
+import { provide, inject, Ref } from "vue";
+import { Descriptor } from "@vyr/engine";
+
+const providerKey = Symbol()
+
+const providerDescriptor = (descriptor: Ref<Descriptor | null>) => {
+    provide(providerKey, descriptor)
+}
+
+const useDescriptor = <T extends Descriptor = Descriptor>() => {
+    return inject(providerKey) as Ref<T>
+}
+
+export { providerDescriptor, useDescriptor }

package/src/index.ts

@@ -0,0 +1,3 @@
+export * from './locale'
+export * from './common'
+export * from './service'

package/src/locale/Language.ts

@@ -0,0 +1,10 @@
+import { Locale } from "@vyr/locale";
+import { zhCnLanguageProvider, ZhCNLanguageProvider } from "./LanguageProvider";
+
+Locale.register(zhCnLanguageProvider)
+
+const language = Locale.getLanguage<ZhCNLanguageProvider>(zhCnLanguageProvider.name)
+
+export {
+    language
+}

package/src/locale/LanguageProvider.ts

@@ -0,0 +1,427 @@
+import { LanguageProvider } from '@vyr/locale'
+
+interface ZhCNLanguageProvider extends LanguageProvider {
+    'descriptor.type.ElButton': string
+    'descriptor.type.ElRow': string
+    'descriptor.type.ElCol': string
+    'descriptor.type.ElInput': string
+    'descriptor.type.ElInputNumber': string
+    'descriptor.type.ElSelect': string
+    'descriptor.type.ElCascader': string
+    'descriptor.type.ElDatePicker': string
+    'descriptor.type.ElSwitch': string
+    'descriptor.type.ElCheckbox': string
+    'descriptor.type.ElRadio': string
+    'descriptor.type.ElForm': string
+    'descriptor.type.ElTable': string
+    'descriptor.type.ElTableColumn': string
+    'descriptor.type.ElPagination': string
+    'descriptor.type.ElDialog': string
+    'descriptor.type.ElMenu': string
+    'descriptor.type.ElSubMenu': string
+    'descriptor.type.ElMenuItem': string
+
+    'option.ElButton.type.default': string
+    'option.ElButton.type.primary': string
+    'option.ElButton.type.success': string
+    'option.ElButton.type.info': string
+    'option.ElButton.type.warning': string
+    'option.ElButton.type.danger': string
+    'option.ElButton.size.default': string
+    'option.ElButton.size.small': string
+    'option.ElButton.size.large': string
+    'option.ElButton.shape.rect': string
+    'option.ElButton.shape.circle': string
+    'option.ElButton.shape.roundedRectangle': string
+    'option.ElButton.state.enable': string
+    'option.ElButton.state.loading': string
+    'option.ElButton.state.disable': string
+    'option.ElButton.plain.default': string
+    'option.ElButton.plain.simple': string
+
+    'option.ElRow.justify.start': string
+    'option.ElRow.justify.end': string
+    'option.ElRow.justify.center': string
+    'option.ElRow.justify.space-between': string
+    'option.ElRow.justify.space-around': string
+
+    'option.ElRow.align.top': string
+    'option.ElRow.align.middle': string
+    'option.ElRow.align.bottom': string
+
+    'option.ElColumn.type.default': string
+    'option.ElColumn.type.index': string
+    'option.ElColumn.type.expand': string
+    'option.ElColumn.type.selection': string
+
+    'option.ElColumn.fixed.close': string
+    'option.ElColumn.fixed.left': string
+    'option.ElColumn.fixed.right': string
+
+    'option.ElForm.inline.disable': string
+    'option.ElForm.inline.enable': string
+
+    'option.ElForm.position.left': string
+    'option.ElForm.position.right': string
+    'option.ElForm.position.top': string
+
+    'option.ElInput.switch.open': string
+    'option.ElInput.switch.close': string
+
+    'option.ElInput.type.text': string
+    'option.ElInput.type.number': string
+    'option.ElInput.type.textarea': string
+    'option.ElInput.type.password': string
+
+    'option.ElDialog.closeOnClickModal.true': string
+    'option.ElDialog.closeOnClickModal.false': string
+
+    'option.ElMenu.mode.horizontal': string
+    'option.ElMenu.mode.vertical': string
+
+    'preset.Interaction.id.input': string
+    'preset.Interaction.id.clear': string
+    'preset.Interaction.id.change': string
+
+    'preset.ElTable.list': string
+    'preset.ElTable.list.url': string
+    'preset.ElTable.list.form': string
+    'preset.ElTable.list.pagination': string
+    'preset.ElTable.list.dataset': string
+
+    'preset.ElTable.reset': string
+
+    'preset.ElTable.edit': string
+    'preset.ElTable.edit.url': string
+    'preset.ElTable.edit.dataset': string
+    'preset.ElTable.edit.dialog': string
+    'preset.ElTable.edit.dialog.title': string
+
+    'preset.ElTable.create': string
+    'preset.ElTable.create.dataset': string
+    'preset.ElTable.create.dialog': string
+    'preset.ElTable.create.dialog.title': string
+
+    'preset.ElTable.delete': string
+    'preset.ElTable.delete.url': string
+
+    'preset.ElTable.submit': string
+    'preset.ElTable.submit.url': string
+    'preset.ElTable.submit.form': string
+    'preset.ElTable.submit.dialog': string
+
+    'preset.ElTable.close': string
+    'preset.ElTable.close.dialog': string
+
+    'inspector.ElButton.type': string
+    'inspector.ElButton.text': string
+    'inspector.ElButton.size': string
+    'inspector.ElButton.shape': string
+    'inspector.ElButton.state': string
+    'inspector.ElButton.plain': string
+
+    'inspector.ElRow.gutter': string
+    'inspector.ElRow.justify': string
+    'inspector.ElRow.align': string
+
+    'inspector.ElCol.span': string
+    'inspector.ElCol.offset': string
+
+    'inspector.ElForm.inline': string
+    'inspector.ElForm.disabled': string
+    'inspector.ElForm.label.position': string
+    'inspector.ElForm.label.width': string
+
+    'inspector.ElFormItem.modelValue': string
+    'inspector.ElFormItem.placeholder': string
+    'inspector.ElFormItem.columnName': string
+    'inspector.ElFormItem.columnComment': string
+    'inspector.ElFormItem.columnType': string
+    'inspector.ElFormItem.required': string
+
+    'inspector.ElFormItem.options': string
+    'inspector.ElFormItem.label': string
+    'inspector.ElFormItem.value': string
+    'inspector.ElFormItem.border': string
+    'inspector.ElFormItem.readonly': string
+    'inspector.ElFormItem.disabled': string
+    'inspector.ElFormItem.clearable': string
+    'inspector.ElFormItem.rows': string
+    'inspector.ElFormItem.step': string
+    'inspector.ElFormItem.maxlength': string
+    'inspector.ElFormItem.minlength': string
+    'inspector.ElFormItem.autofocus': string
+    'inspector.ElFormItem.showWordLimit': string
+    'inspector.ElFormItem.showPassword': string
+    'inspector.ElFormItem.min': string
+    'inspector.ElFormItem.max': string
+    'inspector.ElFormItem.loading': string
+
+    'inspector.ElInput.type': string
+    'inspector.ElDatePicker.type': string
+    'inspector.ElDatePicker.format': string
+
+    'inspector.ElTable.border': string
+    'inspector.ElTable.stripe': string
+    'inspector.ElTable.showHeader': string
+    'inspector.ElTable.fit': string
+
+    'inspector.ElTableColumn.columnName': string
+    'inspector.ElTableColumn.columnComment': string
+    'inspector.ElTableColumn.columnWidth': string
+    'inspector.ElTableColumn.columnType': string
+    'inspector.ElTableColumn.columnFixed': string
+    'inspector.ElTableColumn.columnAlign': string
+    'inspector.ElTableColumn.columnTooltip': string
+    'inspector.ElTableColumn.formattingScript': string
+    'inspector.ElTableColumn.formattingDataset': string
+    'inspector.ElTableColumn.formattingLabel': string
+    'inspector.ElTableColumn.formattingValue': string
+    'inspector.ElTableColumn.formattingSeparator': string
+
+    'inspector.ElPagination.total': string
+    'inspector.ElPagination.currentPage': string
+    'inspector.ElPagination.pageSize': string
+    'inspector.ElPagination.pageSizes': string
+    'inspector.ElPagination.background': string
+    'inspector.ElPagination.layoutSizes': string
+    'inspector.ElPagination.layoutPrev': string
+    'inspector.ElPagination.layoutPager': string
+    'inspector.ElPagination.layoutNext': string
+    'inspector.ElPagination.layoutJumper': string
+    'inspector.ElPagination.layoutArrow': string
+    'inspector.ElPagination.layoutTotal': string
+
+    'inspector.ElDialog.title': string
+    'inspector.ElDialog.closeOnClickModal': string
+
+    'inspector.ElMenu.mode': string
+    'inspector.ElMenu.defaultActive': string
+    'inspector.ElMenu.backgroundColor': string
+    'inspector.ElMenu.textColor': string
+    'inspector.ElMenu.activeTextColor': string
+
+    'inspector.ElSubMenu.label': string
+    'inspector.ElSubMenu.icon': string
+
+    'inspector.ElMenuItem.label': string
+    'inspector.ElMenuItem.icon': string
+    'inspector.ElMenuItem.content': string
+}
+
+const zhCnLanguageProvider: ZhCNLanguageProvider = {
+    id: 'zh_CN',
+    name: '@vyr/element-plus-browser',
+
+    'descriptor.type.ElButton': '按钮',
+    'descriptor.type.ElRow': '行布局',
+    'descriptor.type.ElCol': '列布局',
+    'descriptor.type.ElInput': '输入框',
+    'descriptor.type.ElInputNumber': '数字输入框',
+    'descriptor.type.ElSelect': '选择器',
+    'descriptor.type.ElCascader': '级联选择器',
+    'descriptor.type.ElDatePicker': '日期选择器',
+    'descriptor.type.ElSwitch': '开关',
+    'descriptor.type.ElCheckbox': '复选框',
+    'descriptor.type.ElRadio': '单选框',
+    'descriptor.type.ElForm': '表单',
+    'descriptor.type.ElTable': '表格',
+    'descriptor.type.ElTableColumn': '表格列',
+    'descriptor.type.ElPagination': '分页',
+    'descriptor.type.ElDialog': '弹窗',
+    'descriptor.type.ElMenu': '菜单',
+    'descriptor.type.ElSubMenu': '子菜单',
+    'descriptor.type.ElMenuItem': '菜单项',
+
+    'option.ElButton.type.default': '默认',
+    'option.ElButton.type.primary': '主要',
+    'option.ElButton.type.success': '成功',
+    'option.ElButton.type.info': '信息',
+    'option.ElButton.type.warning': '警告',
+    'option.ElButton.type.danger': '危险',
+    'option.ElButton.size.default': '默认',
+    'option.ElButton.size.small': '缩小',
+    'option.ElButton.size.large': '放大',
+    'option.ElButton.shape.rect': '矩形',
+    'option.ElButton.shape.circle': '圆形',
+    'option.ElButton.shape.roundedRectangle': '圆角矩形',
+    'option.ElButton.state.enable': '启用',
+    'option.ElButton.state.loading': '加载',
+    'option.ElButton.state.disable': '禁用',
+    'option.ElButton.plain.default': '默认',
+    'option.ElButton.plain.simple': '朴素',
+
+    'option.ElRow.justify.start': '左对齐',
+    'option.ElRow.justify.end': '右对齐',
+    'option.ElRow.justify.center': '中间对齐',
+    'option.ElRow.justify.space-between': '两端对齐',
+    'option.ElRow.justify.space-around': '等距对齐',
+
+    'option.ElRow.align.top': '顶部对齐',
+    'option.ElRow.align.middle': '底部对齐',
+    'option.ElRow.align.bottom': '中间对齐',
+
+    'option.ElColumn.type.default': '默认',
+    'option.ElColumn.type.index': '序号',
+    'option.ElColumn.type.expand': '展开',
+    'option.ElColumn.type.selection': '多选',
+
+    'option.ElColumn.fixed.close': '关闭',
+    'option.ElColumn.fixed.left': '左侧',
+    'option.ElColumn.fixed.right': '右侧',
+
+    'option.ElForm.inline.disable': '基础表单',
+    'option.ElForm.inline.enable': '行内表单',
+
+    'option.ElForm.position.left': '左侧',
+    'option.ElForm.position.right': '右侧',
+    'option.ElForm.position.top': '顶部',
+
+    'option.ElInput.switch.open': '开启',
+    'option.ElInput.switch.close': '关闭',
+
+    'option.ElInput.type.text': '文本框',
+    'option.ElInput.type.number': '数值框',
+    'option.ElInput.type.textarea': '文本域',
+    'option.ElInput.type.password': '密码框',
+
+    'option.ElDialog.closeOnClickModal.true': '关闭弹窗',
+    'option.ElDialog.closeOnClickModal.false': '无交互',
+
+    'option.ElMenu.mode.horizontal': '水平模式',
+    'option.ElMenu.mode.vertical': '垂直模式',
+
+    'preset.Interaction.id.input': '输入时触发',
+    'preset.Interaction.id.clear': '清空时触发',
+    'preset.Interaction.id.change': '变化时触发',
+
+    'preset.ElTable.list': '请求表格数据',
+    'preset.ElTable.list.form': '表格请求条件',
+    'preset.ElTable.list.pagination': '表格分页条件',
+    'preset.ElTable.list.url': '发送数据请求',
+    'preset.ElTable.list.dataset': '更新表格数据集',
+
+    'preset.ElTable.reset': '重置表格数据',
+
+    'preset.ElTable.edit': '编辑表格项',
+    'preset.ElTable.edit.url': '发送数据请求',
+    'preset.ElTable.edit.dataset': '更新表单数据集',
+    'preset.ElTable.edit.dialog': '打开编辑弹窗',
+    'preset.ElTable.edit.dialog.title': '弹窗标题',
+
+    'preset.ElTable.create': '新增表格项',
+    'preset.ElTable.create.dataset': '更新表单数据集',
+    'preset.ElTable.create.dialog': '打开编辑弹窗',
+    'preset.ElTable.create.dialog.title': '弹窗标题',
+
+    'preset.ElTable.delete': '删除表格项',
+    'preset.ElTable.delete.url': '发送删除请求',
+
+    'preset.ElTable.submit': '提交表单数据',
+    'preset.ElTable.submit.url': '表单提交地址',
+    'preset.ElTable.submit.form': '需要提交数据的表单',
+    'preset.ElTable.submit.dialog': '需要关闭的弹窗',
+
+    'preset.ElTable.close': '关闭表格弹窗',
+    'preset.ElTable.close.dialog': '需要关闭的弹窗',
+
+    'inspector.ElButton.type': '类型',
+    'inspector.ElButton.text': '文本',
+    'inspector.ElButton.size': '尺寸',
+    'inspector.ElButton.shape': '形状',
+    'inspector.ElButton.state': '状态',
+    'inspector.ElButton.plain': '风格',
+
+    'inspector.ElRow.gutter': '栅格间隔',
+    'inspector.ElRow.justify': '水平排列',
+    'inspector.ElRow.align': '垂直排列',
+
+    'inspector.ElCol.span': '栅格占比',
+    'inspector.ElCol.offset': '栅格偏移',
+
+    'inspector.ElForm.inline': '表单模式',
+    'inspector.ElForm.disabled': '禁用表单',
+    'inspector.ElForm.label.position': '标签位置',
+    'inspector.ElForm.label.width': '标签宽度',
+
+    'inspector.ElFormItem.modelValue': '默认值',
+    'inspector.ElFormItem.placeholder': '提示词',
+    'inspector.ElFormItem.columnName': '字段名',
+    'inspector.ElFormItem.columnComment': '字段备注',
+    'inspector.ElFormItem.columnType': '字段类型',
+    'inspector.ElFormItem.required': '非空验证',
+
+    'inspector.ElFormItem.options': '选项',
+    'inspector.ElFormItem.label': '标签',
+    'inspector.ElFormItem.value': '标识',
+    'inspector.ElFormItem.border': '边框',
+    'inspector.ElFormItem.readonly': '只读',
+    'inspector.ElFormItem.disabled': '禁用',
+    'inspector.ElFormItem.clearable': '可清空',
+    'inspector.ElFormItem.rows': '文本行数',
+    'inspector.ElFormItem.step': '步长',
+    'inspector.ElFormItem.maxlength': '最大长度',
+    'inspector.ElFormItem.minlength': '最小长度',
+    'inspector.ElFormItem.autofocus': '自动聚焦',
+    'inspector.ElFormItem.showWordLimit': '文本统计',
+    'inspector.ElFormItem.showPassword': '密码切换',
+    'inspector.ElFormItem.min': '最小值',
+    'inspector.ElFormItem.max': '最大值',
+    'inspector.ElFormItem.loading': '加载中',
+
+    'inspector.ElInput.type': '输入框类型',
+    'inspector.ElDatePicker.type': '时间类型',
+    'inspector.ElDatePicker.format': '时间格式',
+
+    'inspector.ElTable.border': '边框',
+    'inspector.ElTable.stripe': '条纹',
+    'inspector.ElTable.showHeader': '渲染表头',
+    'inspector.ElTable.fit': '自动列宽',
+
+    'inspector.ElTableColumn.columnName': '字段名',
+    'inspector.ElTableColumn.columnComment': '字段备注',
+    'inspector.ElTableColumn.columnWidth': '列宽',
+    'inspector.ElTableColumn.columnType': '列类型',
+    'inspector.ElTableColumn.columnFixed': '固定列',
+    'inspector.ElTableColumn.columnAlign': '对其方式',
+    'inspector.ElTableColumn.columnTooltip': '自动隐藏',
+    'inspector.ElTableColumn.formattingScript': '格式化脚本',
+    'inspector.ElTableColumn.formattingDataset': '格式化数据',
+    'inspector.ElTableColumn.formattingLabel': '格式化标签',
+    'inspector.ElTableColumn.formattingValue': '格式化数值',
+    'inspector.ElTableColumn.formattingSeparator': '格式化分隔',
+
+    'inspector.ElPagination.total': '总条数',
+    'inspector.ElPagination.currentPage': '当前页',
+    'inspector.ElPagination.pageSize': '每页条数',
+    'inspector.ElPagination.pageSizes': '条数选项',
+    'inspector.ElPagination.background': '背景色',
+    'inspector.ElPagination.layoutSizes': '条数选择器',
+    'inspector.ElPagination.layoutPrev': '上一页按钮',
+    'inspector.ElPagination.layoutPager': '页码列表',
+    'inspector.ElPagination.layoutNext': '下一页按钮',
+    'inspector.ElPagination.layoutJumper': '页码跳转',
+    'inspector.ElPagination.layoutArrow': '翻页箭头',
+    'inspector.ElPagination.layoutTotal': '总条数显示',
+
+    'inspector.ElDialog.title': '弹窗标题',
+    'inspector.ElDialog.closeOnClickModal': '点击遮罩',
+
+    'inspector.ElMenu.mode': '模式',
+    'inspector.ElMenu.defaultActive': '默认激活',
+    'inspector.ElMenu.backgroundColor': '背景色',
+    'inspector.ElMenu.textColor': '文字颜色',
+    'inspector.ElMenu.activeTextColor': '激活文字颜色',
+
+    'inspector.ElSubMenu.label': '子菜单名',
+    'inspector.ElSubMenu.icon': '子菜单图标',
+
+    'inspector.ElMenuItem.label': '菜单项名称',
+    'inspector.ElMenuItem.icon': '菜单项图标',
+    'inspector.ElMenuItem.content': '展示内容',
+}
+
+export {
+    ZhCNLanguageProvider,
+    zhCnLanguageProvider,
+}

package/src/locale/index.ts

@@ -0,0 +1,2 @@
+export * from './LanguageProvider'
+export * from './Language'

package/src/option/Button.ts

@@ -0,0 +1,38 @@
+import { language } from '../locale'
+
+const typeOptions = [
+    { label: language.get('option.ElButton.type.default'), value: 'default' },
+    { label: language.get('option.ElButton.type.primary'), value: 'primary' },
+    { label: language.get('option.ElButton.type.success'), value: 'success' },
+    { label: language.get('option.ElButton.type.info'), value: 'info' },
+    { label: language.get('option.ElButton.type.warning'), value: 'warning' },
+    { label: language.get('option.ElButton.type.danger'), value: 'danger' },
+]
+
+const sizeOptions = [
+    { label: language.get('option.ElButton.size.default'), value: 'default' },
+    { label: language.get('option.ElButton.size.small'), value: 'small' },
+    { label: language.get('option.ElButton.size.large'), value: 'large' },
+]
+const shapeOptions = [
+    { label: language.get('option.ElButton.shape.rect'), value: 1 },
+    { label: language.get('option.ElButton.shape.circle'), value: 2 },
+    { label: language.get('option.ElButton.shape.roundedRectangle'), value: 3 },
+]
+const stateOptions = [
+    { label: language.get('option.ElButton.state.enable'), value: 1 },
+    { label: language.get('option.ElButton.state.loading'), value: 2 },
+    { label: language.get('option.ElButton.state.disable'), value: 3 },
+]
+const plainOptions = [
+    { label: language.get('option.ElButton.plain.default'), value: false },
+    { label: language.get('option.ElButton.plain.simple'), value: true },
+]
+
+export {
+    typeOptions,
+    sizeOptions,
+    shapeOptions,
+    stateOptions,
+    plainOptions,
+}

package/src/option/Column.ts

@@ -0,0 +1,19 @@
+import { language } from '../locale'
+
+const typeOptions = [
+    { label: language.get('option.ElColumn.type.default'), value: 'default' },
+    { label: language.get('option.ElColumn.type.index'), value: 'index' },
+    { label: language.get('option.ElColumn.type.expand'), value: 'expand' },
+    { label: language.get('option.ElColumn.type.selection'), value: 'selection' },
+]
+
+const fixedOptions = [
+    { label: language.get('option.ElColumn.fixed.close'), value: false },
+    { label: language.get('option.ElColumn.fixed.left'), value: 'left' },
+    { label: language.get('option.ElColumn.fixed.right'), value: 'right' },
+]
+
+export {
+    typeOptions,
+    fixedOptions
+}

package/src/option/Dialog.ts

@@ -0,0 +1,10 @@
+import { language } from '../locale'
+
+const closeOnClickModalOptions = [
+    { label: language.get('option.ElDialog.closeOnClickModal.true'), value: true },
+    { label: language.get('option.ElDialog.closeOnClickModal.false'), value: false },
+]
+
+export {
+    closeOnClickModalOptions,
+}

package/src/option/Form.ts

@@ -0,0 +1,16 @@
+import { language } from '../locale'
+
+const inlineOptions = [
+    { label: language.get('option.ElForm.inline.disable'), value: false },
+    { label: language.get('option.ElForm.inline.enable'), value: true },
+]
+const positionOptions = [
+    { label: language.get('option.ElForm.position.left'), value: 'left' },
+    { label: language.get('option.ElForm.position.right'), value: 'right' },
+    { label: language.get('option.ElForm.position.top'), value: 'top' },
+]
+
+export {
+    inlineOptions,
+    positionOptions,
+}

package/src/option/Input.ts

@@ -0,0 +1,18 @@
+import { language } from '../locale'
+
+const switchOptions = [
+    { label: language.get('option.ElInput.switch.open'), value: true },
+    { label: language.get('option.ElInput.switch.close'), value: false },
+]
+
+const typeOptions = [
+    { label: language.get('option.ElInput.type.text'), value: 'text' },
+    { label: language.get('option.ElInput.type.number'), value: 'number' },
+    { label: language.get('option.ElInput.type.textarea'), value: 'textarea' },
+    { label: language.get('option.ElInput.type.password'), value: 'password' },
+]
+
+export {
+    switchOptions,
+    typeOptions,
+}

package/src/option/Menu.ts

@@ -0,0 +1,31 @@
+import { Descriptor } from '@vyr/engine'
+import { ElMenuItemDescriptor } from '@vyr/element-plus'
+import { Option } from '@vyr/design'
+import { language } from '../locale'
+
+const modeOptions = [
+    { label: language.get('option.ElMenu.mode.horizontal'), value: 'horizontal' },
+    { label: language.get('option.ElMenu.mode.vertical'), value: 'vertical' },
+]
+
+const getDefaultActiveOptions = (uuid: string) => {
+    const options: Option[] = []
+    const descriptor = Descriptor.get<Descriptor>(uuid)
+    if (descriptor === null) return options
+
+    descriptor.traverse(child => {
+        if ([ElMenuItemDescriptor.type].includes(child.type)) {
+            options.push({
+                label: child.name,
+                value: child.uuid,
+            })
+        }
+    })
+
+    return options
+}
+
+export {
+    modeOptions,
+    getDefaultActiveOptions,
+}

package/src/option/Row.ts

@@ -0,0 +1,19 @@
+import { language } from '../locale'
+
+const justifyOptions = [
+    { label: language.get('option.ElRow.justify.start'), value: 'start' },
+    { label: language.get('option.ElRow.justify.end'), value: 'end' },
+    { label: language.get('option.ElRow.justify.center'), value: 'center' },
+    { label: language.get('option.ElRow.justify.space-between'), value: 'space-between' },
+    { label: language.get('option.ElRow.justify.space-around'), value: 'space-around' },
+]
+const alignOptions = [
+    { label: language.get('option.ElRow.align.top'), value: 'top' },
+    { label: language.get('option.ElRow.align.middle'), value: 'middle' },
+    { label: language.get('option.ElRow.align.bottom'), value: 'bottom' },
+]
+
+export {
+    justifyOptions,
+    alignOptions,
+}

package/src/option/index.ts

@@ -0,0 +1,7 @@
+export * as Button from './Button'
+export * as Row from './Row'
+export * as Input from './Input'
+export * as Form from './Form'
+export * as Column from './Column'
+export * as Dialog from './Dialog'
+export * as Menu from './Menu'