npm - @vyr/element-plus-browser - Versions diffs - 0.0.1 - Mend

@vyr/element-plus-browser 0.0.1

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.

Files changed (43) hide show

package/package.json +26 -0
package/src/common/event.ts +9 -0
package/src/common/index.ts +2 -0
package/src/common/provider.ts +14 -0
package/src/index.ts +3 -0
package/src/locale/Language.ts +10 -0
package/src/locale/LanguageProvider.ts +427 -0
package/src/locale/index.ts +2 -0
package/src/option/Button.ts +38 -0
package/src/option/Column.ts +19 -0
package/src/option/Dialog.ts +10 -0
package/src/option/Form.ts +16 -0
package/src/option/Input.ts +18 -0
package/src/option/Menu.ts +31 -0
package/src/option/Row.ts +19 -0
package/src/option/index.ts +7 -0
package/src/preset/ElTable.ts +425 -0
package/src/preset/index.ts +14 -0
package/src/service/global/index.ts +1 -0
package/src/service/global/scripts/index.ts +60 -0
package/src/service/index.ts +53 -0
package/src/service/inspector/ElButton.vue +98 -0
package/src/service/inspector/ElCascader.vue +98 -0
package/src/service/inspector/ElCheckbox.vue +91 -0
package/src/service/inspector/ElCol.vue +32 -0
package/src/service/inspector/ElDatePicker.vue +92 -0
package/src/service/inspector/ElDialog.vue +33 -0
package/src/service/inspector/ElForm.vue +44 -0
package/src/service/inspector/ElInput.vue +134 -0
package/src/service/inspector/ElInputNumber.vue +78 -0
package/src/service/inspector/ElMenu.vue +60 -0
package/src/service/inspector/ElMenuItem.vue +46 -0
package/src/service/inspector/ElPagination.vue +103 -0
package/src/service/inspector/ElRadio.vue +91 -0
package/src/service/inspector/ElRow.vue +36 -0
package/src/service/inspector/ElSelect.vue +98 -0
package/src/service/inspector/ElSubMenu.vue +32 -0
package/src/service/inspector/ElSwitch.vue +58 -0
package/src/service/inspector/ElTable.vue +47 -0
package/src/service/inspector/ElTableColumn.vue +107 -0
package/src/service/inspector/VueViewer.vue +65 -0
package/src/service/inspector/index.ts +23 -0
package/src/shims-vue.d.ts +10 -0

package/src/service/inspector/ElCascader.vue ADDED Viewed

@@ -0,0 +1,98 @@
+<template>
+    <vyr-row>
+        <vyr-label :label="language.get('inspector.ElFormItem.placeholder')">
+            <vyr-col>
+                <vyr-input v-model="descriptor.placeholder" :clearable="true" trigger="blur"></vyr-input>
+            </vyr-col>
+        </vyr-label>
+    </vyr-row>
+    <vyr-row>
+        <vyr-label :label="language.get('inspector.ElFormItem.modelValue')">
+            <vyr-col>
+                <vyr-input v-model="descriptor.modelValue" :clearable="true" trigger="blur"></vyr-input>
+            </vyr-col>
+        </vyr-label>
+    </vyr-row>
+    <vyr-row>
+        <vyr-label :label="language.get('inspector.ElFormItem.columnName')">
+            <vyr-col>
+                <vyr-input v-model="descriptor.columnName" :clearable="true" trigger="blur"></vyr-input>
+            </vyr-col>
+        </vyr-label>
+    </vyr-row>
+    <vyr-row>
+        <vyr-label :label="language.get('inspector.ElFormItem.columnComment')">
+            <vyr-col>
+                <vyr-input v-model="descriptor.columnComment" :clearable="true" trigger="blur"></vyr-input>
+            </vyr-col>
+        </vyr-label>
+    </vyr-row>
+    <vyr-row>
+        <vyr-label :label="language.get('inspector.ElFormItem.columnType')">
+            <vyr-col>
+                <vyr-input v-model="descriptor.columnType" :clearable="true" trigger="blur"></vyr-input>
+            </vyr-col>
+        </vyr-label>
+    </vyr-row>
+    <vyr-row>
+        <vyr-label :label="language.get('inspector.ElFormItem.options')">
+            <vyr-col>
+                <vyr-input v-model="descriptor.options" :clearable="true" :draggable="draggable" trigger="blur"
+                    dragkey="options"></vyr-input>
+            </vyr-col>
+        </vyr-label>
+    </vyr-row>
+    <vyr-row>
+        <vyr-label :label="language.get('inspector.ElFormItem.label')">
+            <vyr-col>
+                <vyr-input v-model="descriptor.label" :clearable="true" trigger="blur"></vyr-input>
+            </vyr-col>
+        </vyr-label>
+    </vyr-row>
+    <vyr-row>
+        <vyr-label :label="language.get('inspector.ElFormItem.value')">
+            <vyr-col>
+                <vyr-input v-model="descriptor.value" :clearable="true" trigger="blur"></vyr-input>
+            </vyr-col>
+        </vyr-label>
+    </vyr-row>
+    <vyr-row>
+        <vyr-label :label="language.get('inspector.ElFormItem.disabled')">
+            <vyr-col>
+                <vyr-select v-model="descriptor.disabled" :data="Input.switchOptions"></vyr-select>
+            </vyr-col>
+        </vyr-label>
+    </vyr-row>
+    <vyr-row>
+        <vyr-label :label="language.get('inspector.ElFormItem.clearable')">
+            <vyr-col>
+                <vyr-select v-model="descriptor.clearable" :data="Input.switchOptions"></vyr-select>
+            </vyr-col>
+        </vyr-label>
+    </vyr-row>
+    <vyr-row>
+        <vyr-label :label="language.get('inspector.ElFormItem.required')">
+            <vyr-col>
+                <vyr-select v-model="descriptor.required" :data="Input.switchOptions"></vyr-select>
+            </vyr-col>
+        </vyr-label>
+    </vyr-row>
+</template>
+<script lang="ts" setup>
+import { computed } from 'vue';
+import { DraggableService, runtime } from '@vyr/runtime';
+import { ElCascaderDescriptor } from '@vyr/element-plus'
+import { VyrInput, VyrRow, VyrCol, VyrLabel, VyrSelect } from '@vyr/design';
+import { language } from '../../locale'
+import { useDescriptor } from '../../common'
+import { Input } from '../../option'
+const descriptor = useDescriptor<ElCascaderDescriptor>()
+const draggableService = runtime.get<DraggableService>('draggable')
+const draggable = computed(() => draggableService.get(draggableService.key.inspector))
+</script>
+<style lang="less" scoped></style>

package/src/service/inspector/ElCheckbox.vue ADDED Viewed

@@ -0,0 +1,91 @@
+<template>
+    <vyr-row>
+        <vyr-label :label="language.get('inspector.ElFormItem.modelValue')">
+            <vyr-col>
+                <vyr-input v-model="descriptor.modelValue" :clearable="true" trigger="blur"></vyr-input>
+            </vyr-col>
+        </vyr-label>
+    </vyr-row>
+    <vyr-row>
+        <vyr-label :label="language.get('inspector.ElFormItem.columnName')">
+            <vyr-col>
+                <vyr-input v-model="descriptor.columnName" :clearable="true" trigger="blur"></vyr-input>
+            </vyr-col>
+        </vyr-label>
+    </vyr-row>
+    <vyr-row>
+        <vyr-label :label="language.get('inspector.ElFormItem.columnComment')">
+            <vyr-col>
+                <vyr-input v-model="descriptor.columnComment" :clearable="true" trigger="blur"></vyr-input>
+            </vyr-col>
+        </vyr-label>
+    </vyr-row>
+    <vyr-row>
+        <vyr-label :label="language.get('inspector.ElFormItem.columnType')">
+            <vyr-col>
+                <vyr-input v-model="descriptor.columnType" :clearable="true" trigger="blur"></vyr-input>
+            </vyr-col>
+        </vyr-label>
+    </vyr-row>
+    <vyr-row>
+        <vyr-label :label="language.get('inspector.ElFormItem.options')">
+            <vyr-col>
+                <vyr-input v-model="descriptor.options" :clearable="true" :draggable="draggable" trigger="blur"
+                    dragkey="options"></vyr-input>
+            </vyr-col>
+        </vyr-label>
+    </vyr-row>
+    <vyr-row>
+        <vyr-label :label="language.get('inspector.ElFormItem.label')">
+            <vyr-col>
+                <vyr-input v-model="descriptor.label" :clearable="true" trigger="blur"></vyr-input>
+            </vyr-col>
+        </vyr-label>
+    </vyr-row>
+    <vyr-row>
+        <vyr-label :label="language.get('inspector.ElFormItem.value')">
+            <vyr-col>
+                <vyr-input v-model="descriptor.value" :clearable="true" trigger="blur"></vyr-input>
+            </vyr-col>
+        </vyr-label>
+    </vyr-row>
+    <vyr-row>
+        <vyr-label :label="language.get('inspector.ElFormItem.disabled')">
+            <vyr-col>
+                <vyr-select v-model="descriptor.disabled" :data="Input.switchOptions"></vyr-select>
+            </vyr-col>
+        </vyr-label>
+    </vyr-row>
+    <vyr-row>
+        <vyr-label :label="language.get('inspector.ElFormItem.border')">
+            <vyr-col>
+                <vyr-select v-model="descriptor.border" :data="Input.switchOptions"></vyr-select>
+            </vyr-col>
+        </vyr-label>
+    </vyr-row>
+    <vyr-row>
+        <vyr-label :label="language.get('inspector.ElFormItem.required')">
+            <vyr-col>
+                <vyr-select v-model="descriptor.required" :data="Input.switchOptions"></vyr-select>
+            </vyr-col>
+        </vyr-label>
+    </vyr-row>
+</template>
+<script lang="ts" setup>
+import { computed } from 'vue';
+import { DraggableService, runtime } from '@vyr/runtime';
+import { ElCheckboxDescriptor } from '@vyr/element-plus'
+import { VyrInput, VyrRow, VyrCol, VyrLabel, VyrSelect } from '@vyr/design';
+import { language } from '../../locale'
+import { useDescriptor } from '../../common'
+import { Input } from '../../option'
+const descriptor = useDescriptor<ElCheckboxDescriptor>()
+const draggableService = runtime.get<DraggableService>('draggable')
+const draggable = computed(() => draggableService.get(draggableService.key.inspector))
+</script>
+<style lang="less" scoped></style>

package/src/service/inspector/ElCol.vue ADDED Viewed

@@ -0,0 +1,32 @@
+<template>
+    <vyr-row>
+        <vyr-label :label="language.get('inspector.ElCol.span')">
+            <vyr-col>
+                <vyr-input-number v-model="descriptor.span" :min="0" :step="1" :max="24"></vyr-input-number>
+            </vyr-col>
+        </vyr-label>
+    </vyr-row>
+    <vyr-row>
+        <vyr-label :label="language.get('inspector.ElCol.offset')">
+            <vyr-col>
+                <vyr-input-number v-model="descriptor.offset" :min="0" :step="1" :max="24"></vyr-input-number>
+            </vyr-col>
+        </vyr-label>
+    </vyr-row>
+</template>
+<script lang="ts" setup>
+import { DraggableService, runtime } from '@vyr/runtime';
+import { VyrRow, VyrCol, VyrLabel, VyrInputNumber } from '@vyr/design';
+import { ElColDescriptor } from '@vyr/element-plus';
+import { language } from '../../locale'
+import { useDescriptor } from '../../common'
+const descriptor = useDescriptor<ElColDescriptor>()
+const draggableService = runtime.get<DraggableService>('draggable')
+const draggable = draggableService.get(draggableService.key.inspector)
+</script>
+<style lang="less" scoped></style>

package/src/service/inspector/ElDatePicker.vue ADDED Viewed

@@ -0,0 +1,92 @@
+<template>
+    <vyr-row>
+        <vyr-label :label="language.get('inspector.ElFormItem.placeholder')">
+            <vyr-col>
+                <vyr-input v-model="descriptor.placeholder" :clearable="true" trigger="blur"></vyr-input>
+            </vyr-col>
+        </vyr-label>
+    </vyr-row>
+    <vyr-row>
+        <vyr-label :label="language.get('inspector.ElFormItem.modelValue')">
+            <vyr-col>
+                <vyr-input v-model="descriptor.modelValue" :clearable="true" trigger="blur"></vyr-input>
+            </vyr-col>
+        </vyr-label>
+    </vyr-row>
+    <vyr-row>
+        <vyr-label :label="language.get('inspector.ElFormItem.columnName')">
+            <vyr-col>
+                <vyr-input v-model="descriptor.columnName" :clearable="true" trigger="blur"></vyr-input>
+            </vyr-col>
+        </vyr-label>
+    </vyr-row>
+    <vyr-row>
+        <vyr-label :label="language.get('inspector.ElFormItem.columnComment')">
+            <vyr-col>
+                <vyr-input v-model="descriptor.columnComment" :clearable="true" trigger="blur"></vyr-input>
+            </vyr-col>
+        </vyr-label>
+    </vyr-row>
+    <vyr-row>
+        <vyr-label :label="language.get('inspector.ElFormItem.columnType')">
+            <vyr-col>
+                <vyr-input v-model="descriptor.columnType" :clearable="true" trigger="blur"></vyr-input>
+            </vyr-col>
+        </vyr-label>
+    </vyr-row>
+    <vyr-row>
+        <vyr-label :label="language.get('inspector.ElDatePicker.type')">
+            <vyr-col>
+                <vyr-input v-model="descriptor.dateType" :clearable="true" trigger="blur"></vyr-input>
+            </vyr-col>
+        </vyr-label>
+    </vyr-row>
+    <vyr-row>
+        <vyr-label :label="language.get('inspector.ElDatePicker.format')">
+            <vyr-col>
+                <vyr-input v-model="descriptor.format" :clearable="true" trigger="blur"></vyr-input>
+            </vyr-col>
+        </vyr-label>
+    </vyr-row>
+    <vyr-row>
+        <vyr-label :label="language.get('inspector.ElFormItem.disabled')">
+            <vyr-col>
+                <vyr-select v-model="descriptor.disabled" :data="Input.switchOptions"></vyr-select>
+            </vyr-col>
+        </vyr-label>
+    </vyr-row>
+    <vyr-row>
+        <vyr-label :label="language.get('inspector.ElFormItem.readonly')">
+            <vyr-col>
+                <vyr-select v-model="descriptor.readonly" :data="Input.switchOptions"></vyr-select>
+            </vyr-col>
+        </vyr-label>
+    </vyr-row>
+    <vyr-row>
+        <vyr-label :label="language.get('inspector.ElFormItem.clearable')">
+            <vyr-col>
+                <vyr-select v-model="descriptor.clearable" :data="Input.switchOptions"></vyr-select>
+            </vyr-col>
+        </vyr-label>
+    </vyr-row>
+    <vyr-row>
+        <vyr-label :label="language.get('inspector.ElFormItem.required')">
+            <vyr-col>
+                <vyr-select v-model="descriptor.required" :data="Input.switchOptions"></vyr-select>
+            </vyr-col>
+        </vyr-label>
+    </vyr-row>
+</template>
+<script lang="ts" setup>
+import { ElDatePickerDescriptor } from '@vyr/element-plus'
+import { VyrInput, VyrRow, VyrCol, VyrLabel, VyrSelect } from '@vyr/design';
+import { language } from '../../locale'
+import { useDescriptor } from '../../common'
+import { Input } from '../../option'
+const descriptor = useDescriptor<ElDatePickerDescriptor>()
+</script>
+<style lang="less" scoped></style>

package/src/service/inspector/ElDialog.vue ADDED Viewed

@@ -0,0 +1,33 @@
+<template>
+    <vyr-row>
+        <vyr-label :label="language.get('inspector.ElDialog.title')">
+            <vyr-col>
+                <vyr-input v-model="descriptor.title"></vyr-input>
+            </vyr-col>
+        </vyr-label>
+    </vyr-row>
+    <vyr-row>
+        <vyr-label :label="language.get('inspector.ElDialog.closeOnClickModal')">
+            <vyr-col>
+                <vyr-select v-model="descriptor.closeOnClickModal" :data="Dialog.closeOnClickModalOptions"></vyr-select>
+            </vyr-col>
+        </vyr-label>
+    </vyr-row>
+</template>
+<script lang="ts" setup>
+import { DraggableService, runtime } from '@vyr/runtime';
+import { VyrRow, VyrCol, VyrLabel, VyrSelect, VyrInput } from '@vyr/design';
+import { ElDialogDescriptor } from '@vyr/element-plus';
+import { language } from '../../locale'
+import { Dialog } from '../../option'
+import { useDescriptor } from '../../common'
+const descriptor = useDescriptor<ElDialogDescriptor>()
+const draggableService = runtime.get<DraggableService>('draggable')
+const draggable = draggableService.get(draggableService.key.inspector)
+</script>
+<style lang="less" scoped></style>

package/src/service/inspector/ElForm.vue ADDED Viewed

@@ -0,0 +1,44 @@
+<template>
+    <vyr-row>
+        <vyr-label :label="language.get('inspector.ElForm.inline')">
+            <vyr-col>
+                <vyr-select v-model="descriptor.inline" :data="Form.inlineOptions"></vyr-select>
+            </vyr-col>
+        </vyr-label>
+    </vyr-row>
+    <vyr-row>
+        <vyr-label :label="language.get('inspector.ElForm.disabled')">
+            <vyr-col>
+                <vyr-select v-model="descriptor.disabled" :data="option.stateOptions"></vyr-select>
+            </vyr-col>
+        </vyr-label>
+    </vyr-row>
+    <vyr-row>
+        <vyr-label :label="language.get('inspector.ElForm.label.position')">
+            <vyr-col>
+                <vyr-select v-model="descriptor.labelPosition" :data="Form.positionOptions"></vyr-select>
+            </vyr-col>
+        </vyr-label>
+    </vyr-row>
+    <vyr-row>
+        <vyr-label :label="language.get('inspector.ElForm.label.width')">
+            <vyr-col>
+                <vyr-input v-model="descriptor.labelWidth" trigger="blur"></vyr-input>
+            </vyr-col>
+        </vyr-label>
+    </vyr-row>
+</template>
+<script lang="ts" setup>
+import { ElFormDescriptor } from '@vyr/element-plus'
+import { VyrInput, VyrRow, VyrCol, VyrLabel, VyrSelect } from '@vyr/design';
+import { option } from '@vyr/builtin'
+import { language } from '../../locale'
+import { useDescriptor } from '../../common'
+import { Form } from '../../option'
+const descriptor = useDescriptor<ElFormDescriptor>()
+</script>
+<style lang="less" scoped></style>

package/src/service/inspector/ElInput.vue ADDED Viewed

@@ -0,0 +1,134 @@
+<template>
+    <vyr-row>
+        <vyr-label :label="language.get('inspector.ElInput.type')">
+            <vyr-col>
+                <vyr-select v-model="descriptor.inputType" :data="Input.typeOptions"></vyr-select>
+            </vyr-col>
+        </vyr-label>
+    </vyr-row>
+    <vyr-row>
+        <vyr-label :label="language.get('inspector.ElFormItem.placeholder')">
+            <vyr-col>
+                <vyr-input v-model="descriptor.placeholder" :clearable="true" trigger="blur"></vyr-input>
+            </vyr-col>
+        </vyr-label>
+    </vyr-row>
+    <vyr-row>
+        <vyr-label :label="language.get('inspector.ElFormItem.modelValue')">
+            <vyr-col>
+                <vyr-input v-model="descriptor.modelValue" :clearable="true" trigger="blur"></vyr-input>
+            </vyr-col>
+        </vyr-label>
+    </vyr-row>
+    <vyr-row>
+        <vyr-label :label="language.get('inspector.ElFormItem.columnName')">
+            <vyr-col>
+                <vyr-input v-model="descriptor.columnName" :clearable="true" trigger="blur"></vyr-input>
+            </vyr-col>
+        </vyr-label>
+    </vyr-row>
+    <vyr-row>
+        <vyr-label :label="language.get('inspector.ElFormItem.columnComment')">
+            <vyr-col>
+                <vyr-input v-model="descriptor.columnComment" :clearable="true" trigger="blur"></vyr-input>
+            </vyr-col>
+        </vyr-label>
+    </vyr-row>
+    <vyr-row>
+        <vyr-label :label="language.get('inspector.ElFormItem.columnType')">
+            <vyr-col>
+                <vyr-input v-model="descriptor.columnType" :clearable="true" trigger="blur"></vyr-input>
+            </vyr-col>
+        </vyr-label>
+    </vyr-row>
+    <vyr-row>
+        <vyr-label :label="language.get('inspector.ElFormItem.rows')">
+            <vyr-col>
+                <vyr-input-number v-model="descriptor.rows" :min="0" :step="1" :clearable="true"></vyr-input-number>
+            </vyr-col>
+        </vyr-label>
+    </vyr-row>
+    <vyr-row>
+        <vyr-label :label="language.get('inspector.ElFormItem.step')">
+            <vyr-col>
+                <vyr-input v-model="descriptor.step" :clearable="true" trigger="blur"></vyr-input>
+            </vyr-col>
+        </vyr-label>
+    </vyr-row>
+    <vyr-row>
+        <vyr-label :label="language.get('inspector.ElFormItem.maxlength')">
+            <vyr-col>
+                <vyr-input-number v-model="descriptor.maxlength" :clearable="true"></vyr-input-number>
+            </vyr-col>
+        </vyr-label>
+    </vyr-row>
+    <vyr-row>
+        <vyr-label :label="language.get('inspector.ElFormItem.minlength')">
+            <vyr-col>
+                <vyr-input-number v-model="descriptor.minlength" :clearable="true"></vyr-input-number>
+            </vyr-col>
+        </vyr-label>
+    </vyr-row>
+    <vyr-row>
+        <vyr-label :label="language.get('inspector.ElFormItem.disabled')">
+            <vyr-col>
+                <vyr-select v-model="descriptor.disabled" :data="Input.switchOptions"></vyr-select>
+            </vyr-col>
+        </vyr-label>
+    </vyr-row>
+    <vyr-row>
+        <vyr-label :label="language.get('inspector.ElFormItem.readonly')">
+            <vyr-col>
+                <vyr-select v-model="descriptor.readonly" :data="Input.switchOptions"></vyr-select>
+            </vyr-col>
+        </vyr-label>
+    </vyr-row>
+    <vyr-row>
+        <vyr-label :label="language.get('inspector.ElFormItem.clearable')">
+            <vyr-col>
+                <vyr-select v-model="descriptor.clearable" :data="Input.switchOptions"></vyr-select>
+            </vyr-col>
+        </vyr-label>
+    </vyr-row>
+    <vyr-row>
+        <vyr-label :label="language.get('inspector.ElFormItem.autofocus')">
+            <vyr-col>
+                <vyr-select v-model="descriptor.autofocus" :data="Input.switchOptions"></vyr-select>
+            </vyr-col>
+        </vyr-label>
+    </vyr-row>
+    <vyr-row>
+        <vyr-label :label="language.get('inspector.ElFormItem.showWordLimit')">
+            <vyr-col>
+                <vyr-select v-model="descriptor.showWordLimit" :data="Input.switchOptions"></vyr-select>
+            </vyr-col>
+        </vyr-label>
+    </vyr-row>
+    <vyr-row>
+        <vyr-label :label="language.get('inspector.ElFormItem.showPassword')">
+            <vyr-col>
+                <vyr-select v-model="descriptor.showPassword" :data="Input.switchOptions"></vyr-select>
+            </vyr-col>
+        </vyr-label>
+    </vyr-row>
+    <vyr-row>
+        <vyr-label :label="language.get('inspector.ElFormItem.required')">
+            <vyr-col>
+                <vyr-select v-model="descriptor.required" :data="Input.switchOptions"></vyr-select>
+            </vyr-col>
+        </vyr-label>
+    </vyr-row>
+</template>
+<script lang="ts" setup>
+import { ElInputDescriptor } from '@vyr/element-plus'
+import { VyrInput, VyrInputNumber, VyrRow, VyrCol, VyrLabel, VyrSelect } from '@vyr/design';
+import { language } from '../../locale'
+import { useDescriptor } from '../../common'
+import { Input } from '../../option'
+const descriptor = useDescriptor<ElInputDescriptor>()
+</script>
+<style lang="less" scoped></style>

package/src/service/inspector/ElInputNumber.vue ADDED Viewed

@@ -0,0 +1,78 @@
+<template>
+    <vyr-row>
+        <vyr-label :label="language.get('inspector.ElFormItem.modelValue')">
+            <vyr-col>
+                <vyr-input-number v-model="descriptor.modelValue" :clearable="true"></vyr-input-number>
+            </vyr-col>
+        </vyr-label>
+    </vyr-row>
+    <vyr-row>
+        <vyr-label :label="language.get('inspector.ElFormItem.columnName')">
+            <vyr-col>
+                <vyr-input v-model="descriptor.columnName" :clearable="true" trigger="blur"></vyr-input>
+            </vyr-col>
+        </vyr-label>
+    </vyr-row>
+    <vyr-row>
+        <vyr-label :label="language.get('inspector.ElFormItem.columnComment')">
+            <vyr-col>
+                <vyr-input v-model="descriptor.columnComment" :clearable="true" trigger="blur"></vyr-input>
+            </vyr-col>
+        </vyr-label>
+    </vyr-row>
+    <vyr-row>
+        <vyr-label :label="language.get('inspector.ElFormItem.columnType')">
+            <vyr-col>
+                <vyr-input v-model="descriptor.columnType" :clearable="true" trigger="blur"></vyr-input>
+            </vyr-col>
+        </vyr-label>
+    </vyr-row>
+    <vyr-row>
+        <vyr-label :label="language.get('inspector.ElFormItem.disabled')">
+            <vyr-col>
+                <vyr-select v-model="descriptor.disabled" :data="Input.switchOptions"></vyr-select>
+            </vyr-col>
+        </vyr-label>
+    </vyr-row>
+    <vyr-row>
+        <vyr-label :label="language.get('inspector.ElFormItem.min')">
+            <vyr-col>
+                <vyr-input-number v-model="descriptor.min" :clearable="true"></vyr-input-number>
+            </vyr-col>
+        </vyr-label>
+    </vyr-row>
+    <vyr-row>
+        <vyr-label :label="language.get('inspector.ElFormItem.max')">
+            <vyr-col>
+                <vyr-input-number v-model="descriptor.max" :clearable="true"></vyr-input-number>
+            </vyr-col>
+        </vyr-label>
+    </vyr-row>
+    <vyr-row>
+        <vyr-label :label="language.get('inspector.ElFormItem.step')">
+            <vyr-col>
+                <vyr-input-number v-model="descriptor.step" :min="0" :clearable="true"></vyr-input-number>
+            </vyr-col>
+        </vyr-label>
+    </vyr-row>
+    <vyr-row>
+        <vyr-label :label="language.get('inspector.ElFormItem.required')">
+            <vyr-col>
+                <vyr-select v-model="descriptor.required" :data="Input.switchOptions"></vyr-select>
+            </vyr-col>
+        </vyr-label>
+    </vyr-row>
+</template>
+<script lang="ts" setup>
+import { ElInputNumberDescriptor } from '@vyr/element-plus'
+import { VyrInput, VyrInputNumber, VyrRow, VyrCol, VyrLabel, VyrSelect } from '@vyr/design';
+import { language } from '../../locale'
+import { useDescriptor } from '../../common'
+import { Input } from '../../option'
+const descriptor = useDescriptor<ElInputNumberDescriptor>()
+</script>
+<style lang="less" scoped></style>

package/src/service/inspector/ElMenu.vue ADDED Viewed

@@ -0,0 +1,60 @@
+<template>
+    <vyr-row>
+        <vyr-label :label="language.get('inspector.ElMenu.mode')">
+            <vyr-col>
+                <vyr-select v-model="descriptor.mode" :data="Menu.modeOptions"></vyr-select>
+            </vyr-col>
+        </vyr-label>
+    </vyr-row>
+    <vyr-row>
+        <vyr-label :label="language.get('inspector.ElMenu.defaultActive')">
+            <vyr-col>
+                <vyr-select v-model="descriptor.defaultActive" :data="Menu.getDefaultActiveOptions(raw)"
+                    :clearable="true"></vyr-select>
+            </vyr-col>
+        </vyr-label>
+    </vyr-row>
+    <vyr-row>
+        <vyr-label :label="language.get('inspector.ElMenu.backgroundColor')">
+            <vyr-col :span="12">
+                <vyr-color-picker v-model="descriptor.backgroundColor.value" width="all"></vyr-color-picker>
+            </vyr-col>
+            <vyr-col :span="12">
+                <vyr-input-number v-model="descriptor.backgroundColor.opacity" :clearable="true"></vyr-input-number>
+            </vyr-col>
+        </vyr-label>
+    </vyr-row>
+    <vyr-row>
+        <vyr-label :label="language.get('inspector.ElMenu.textColor')">
+            <vyr-col>
+                <vyr-color-picker v-model="descriptor.textColor" width="all"></vyr-color-picker>
+            </vyr-col>
+        </vyr-label>
+    </vyr-row>
+    <vyr-row>
+        <vyr-label :label="language.get('inspector.ElMenu.activeTextColor')">
+            <vyr-col>
+                <vyr-color-picker v-model="descriptor.activeTextColor" width="all"></vyr-color-picker>
+            </vyr-col>
+        </vyr-label>
+    </vyr-row>
+</template>
+<script lang="ts" setup>
+import { DraggableService, runtime } from '@vyr/runtime';
+import { VyrRow, VyrCol, VyrLabel, VyrSelect, VyrColorPicker, VyrInputNumber } from '@vyr/design';
+import { ElMenuDescriptor } from '@vyr/element-plus';
+import { language } from '../../locale'
+import { Menu } from '../../option'
+import { useDescriptor } from '../../common'
+defineProps<{ raw: string }>()
+const descriptor = useDescriptor<ElMenuDescriptor>()
+const draggableService = runtime.get<DraggableService>('draggable')
+const draggable = draggableService.get(draggableService.key.inspector)
+</script>
+<style lang="less" scoped></style>