@ebiz/designer-components 0.1.11 → 0.1.13

package/src/components/ebiz-form/components/date.vue

@@ -1,52 +1,52 @@
-<!--
-  - @author eBIZ Team <dev@jungo.com.cn>
-  - @copyright  Copyright (c) , ShenZhen JunGO Technology Co., Ltd. All rights reserved.
-  - @license  Commercial authorization, unauthorized use and modification are prohibited
-  - @url www.jungo.com.cn
-  -->
-
-<template>
-  <div>
-    <t-date-picker
-      v-model="value"
-      :allowInput="item.allowInput"
-      :clearable="item.clearable || true"
-      :borderless="item.borderless"
-      :disableDate="item.disableDate"
-      :disabled="item.disabled"
-      :enableTimePicker="item.enableTimePicker"
-      :firstDayOfWeek="item.firstDayOfWeek"
-      :format="item.format"
-      :inputProps="item.inputProps"
-      :label="item.subLabel"
-      :mode="item.mode"
-      :needConfirm="item.needConfirm"
-      :placeholder="item.placeholder"
-      :popupProps="item.popupProps"
-      :prefixIcon="item.prefixIcon"
-      :presets="item.presets"
-      :presetsPlacement="item.presetsPlacement"
-      :selectInputProps="item.selectInputProps"
-      :size="item.size"
-      :status="item.status"
-      :suffixIcon="item.suffixIcon"
-      :timePickerProps="item.timePickerProps"
-      :tips="item.tips"
-      :valueDisplay="item.valueDisplay"
-      :valueType="item.valueType"
-
-      @change="onChange" />
-  </div>
-</template>
-<script setup>
-import { defineProps, defineEmits, defineModel } from 'vue'
-import { DatePicker as TDatePicker } from 'tdesign-vue-next'
-const value = defineModel()
-defineProps(['item'])
-
-const emit = defineEmits(['change'])
-
-const onChange = (val) =>  {
-  emit('change',val)
-}
-</script>
+<!--
+  - @author eBIZ Team <dev@jungo.com.cn>
+  - @copyright  Copyright (c) , ShenZhen JunGO Technology Co., Ltd. All rights reserved.
+  - @license  Commercial authorization, unauthorized use and modification are prohibited
+  - @url www.jungo.com.cn
+  -->
+
+<template>
+  <div>
+    <t-date-picker
+      v-model="value"
+      :allowInput="item.allowInput"
+      :clearable="item.clearable || true"
+      :borderless="item.borderless"
+      :disableDate="item.disableDate"
+      :disabled="item.disabled"
+      :enableTimePicker="item.enableTimePicker"
+      :firstDayOfWeek="item.firstDayOfWeek"
+      :format="item.format"
+      :inputProps="item.inputProps"
+      :label="item.subLabel"
+      :mode="item.mode"
+      :needConfirm="item.needConfirm"
+      :placeholder="item.placeholder"
+      :popupProps="item.popupProps"
+      :prefixIcon="item.prefixIcon"
+      :presets="item.presets"
+      :presetsPlacement="item.presetsPlacement"
+      :selectInputProps="item.selectInputProps"
+      :size="item.size"
+      :status="item.status"
+      :suffixIcon="item.suffixIcon"
+      :timePickerProps="item.timePickerProps"
+      :tips="item.tips"
+      :valueDisplay="item.valueDisplay"
+      :valueType="item.valueType"
+
+      @change="onChange" />
+  </div>
+</template>
+<script setup>
+import { defineProps, defineEmits, defineModel } from 'vue'
+import { DatePicker as TDatePicker } from 'tdesign-vue-next'
+const value = defineModel()
+defineProps(['item'])
+
+const emit = defineEmits(['change'])
+
+const onChange = (val) =>  {
+  emit('change',val)
+}
+</script>

package/src/components/ebiz-form/components/editor-multi-language.vue

@@ -1,47 +1,47 @@
-<template>
-  <div>
-    <div>
-      <!-- <t-tabs v-model="tab">
-        <t-tab-panel v-for="(language, index) in languages" :value="language.key" :label="language.name">
-          <div style="margin-top: 10px;">
-            <form-editor v-model="value[language.key]" data_source="article" v-bind:item="item" />
-          </div>
-        </t-tab-panel>
-      </t-tabs> -->
-
-    </div>
-  </div>
-</template>
-
-<script setup lang="ts">
-// import '@wangeditor/editor/dist/css/style.css' // 引入 css
-// import { onBeforeUnmount, ref, shallowRef, onMounted } from 'vue'
-
-// import FormEditor from "./editor.vue";
-// // import {getLanguageList} from "../../../../api/language"
-
-// defineProps(['content', 'data_source', 'onChangeContent', 'value', 'item'])
-
-// const value = defineModel<any>()
-// const tab = ref('default')
-// const multiSettingVisible = ref(false);
-// const languages = []
-
-// // 显示多语言设置
-// const showMultiLanguageSetting = () => {
-//   multiSettingVisible.value = true
-//   tab.value = "default"
-// }
-
-// let emit = defineEmits(['input'])
-
-// const handleChange = () => {
-//   emit('input', { value });
-// }
-
-// onMounted(() => {
-// })
-
-</script>
-
-<style lang="less" scoped></style>
+<template>
+  <div>
+    <div>
+      <!-- <t-tabs v-model="tab">
+        <t-tab-panel v-for="(language, index) in languages" :value="language.key" :label="language.name">
+          <div style="margin-top: 10px;">
+            <form-editor v-model="value[language.key]" data_source="article" v-bind:item="item" />
+          </div>
+        </t-tab-panel>
+      </t-tabs> -->
+
+    </div>
+  </div>
+</template>
+
+<script setup lang="ts">
+// import '@wangeditor/editor/dist/css/style.css' // 引入 css
+// import { onBeforeUnmount, ref, shallowRef, onMounted } from 'vue'
+
+// import FormEditor from "./editor.vue";
+// // import {getLanguageList} from "../../../../api/language"
+
+// defineProps(['content', 'data_source', 'onChangeContent', 'value', 'item'])
+
+// const value = defineModel<any>()
+// const tab = ref('default')
+// const multiSettingVisible = ref(false);
+// const languages = []
+
+// // 显示多语言设置
+// const showMultiLanguageSetting = () => {
+//   multiSettingVisible.value = true
+//   tab.value = "default"
+// }
+
+// let emit = defineEmits(['input'])
+
+// const handleChange = () => {
+//   emit('input', { value });
+// }
+
+// onMounted(() => {
+// })
+
+</script>
+
+<style lang="less" scoped></style>

package/src/components/ebiz-form/components/editor.vue

@@ -1,78 +1,78 @@
-<template>
-  <div style="border: 1px solid #efefef">
-    <!--    <div ref="editorElemRef" style="text-align: left; z-index: 1"/>-->
-    <!-- <Toolbar style="border-bottom: 1px solid #ccc" :editor="editorRef" :defaultConfig="toolbarConfig" :mode="mode" />
-    <Editor style="height: 500px; overflow-y: hidden;" v-model="value" :defaultConfig="editorConfig" :mode="mode"
-      @onCreated="handleCreated" /> -->
-  </div>
-</template>
-
-<script setup>
-// import '@wangeditor/editor/dist/css/style.css' // 引入 css
-
-import { onBeforeUnmount, ref, shallowRef, onMounted } from 'vue'
-// import { Editor, Toolbar } from '@wangeditor/editor-for-vue'
-
-
-// import { upload } from "../../../utils/upload"
-
-// defineProps(['content', 'data_source', 'onChangeContent', 'value', 'item'])
-
-// const handleCreated = (editor) => {
-//   editorRef.value = editor // 记录 editor 实例，重要！
-// }
-
-// const value = defineModel()
-
-// let editorRef = shallowRef()
-// const mode = ref('default')
-
-
-// const toolbarConfig = {}
-// const editorConfig = {
-//   placeholder: '请输入内容...',
-//   MENU_CONF: {
-//     uploadImage: {
-//       customUpload(file, insertFn) {  // TS 语法
-//         upload({
-//           path: 'editor',
-//           file: {
-//             name: file.name,
-//             raw: file
-//           },
-//           onSuccess: (res) => {
-//             insertFn(res.url, '', '');
-//           }
-//         })
-//       },
-//     },
-//     uploadVideo: {
-//       customUpload(file, insertFn) {  // TS 语法
-//         upload({
-//           path: 'video',
-//           file: {
-//             name: file.name,
-//             raw: file
-//           },
-//           onSuccess: (res) => {
-//             insertFn(res.url, '', '');
-//           }
-//         })
-//       },
-//     }
-//   }
-// }
-
-// // 组件销毁时，也及时销毁编辑器
-// onBeforeUnmount(() => {
-//   const editor = editorRef.value
-//   if (editor == null) return
-//   editor.destroy()
-// })
-
-// onMounted(() => {
-// })
-
-</script>
-
-<style lang="less" scoped></style>
+<template>
+  <div style="border: 1px solid #efefef">
+    <!--    <div ref="editorElemRef" style="text-align: left; z-index: 1"/>-->
+    <!-- <Toolbar style="border-bottom: 1px solid #ccc" :editor="editorRef" :defaultConfig="toolbarConfig" :mode="mode" />
+    <Editor style="height: 500px; overflow-y: hidden;" v-model="value" :defaultConfig="editorConfig" :mode="mode"
+      @onCreated="handleCreated" /> -->
+  </div>
+</template>
+
+<script setup>
+// import '@wangeditor/editor/dist/css/style.css' // 引入 css
+
+import { onBeforeUnmount, ref, shallowRef, onMounted } from 'vue'
+// import { Editor, Toolbar } from '@wangeditor/editor-for-vue'
+
+
+// import { upload } from "../../../utils/upload"
+
+// defineProps(['content', 'data_source', 'onChangeContent', 'value', 'item'])
+
+// const handleCreated = (editor) => {
+//   editorRef.value = editor // 记录 editor 实例，重要！
+// }
+
+// const value = defineModel()
+
+// let editorRef = shallowRef()
+// const mode = ref('default')
+
+
+// const toolbarConfig = {}
+// const editorConfig = {
+//   placeholder: '请输入内容...',
+//   MENU_CONF: {
+//     uploadImage: {
+//       customUpload(file, insertFn) {  // TS 语法
+//         upload({
+//           path: 'editor',
+//           file: {
+//             name: file.name,
+//             raw: file
+//           },
+//           onSuccess: (res) => {
+//             insertFn(res.url, '', '');
+//           }
+//         })
+//       },
+//     },
+//     uploadVideo: {
+//       customUpload(file, insertFn) {  // TS 语法
+//         upload({
+//           path: 'video',
+//           file: {
+//             name: file.name,
+//             raw: file
+//           },
+//           onSuccess: (res) => {
+//             insertFn(res.url, '', '');
+//           }
+//         })
+//       },
+//     }
+//   }
+// }
+
+// // 组件销毁时，也及时销毁编辑器
+// onBeforeUnmount(() => {
+//   const editor = editorRef.value
+//   if (editor == null) return
+//   editor.destroy()
+// })
+
+// onMounted(() => {
+// })
+
+</script>
+
+<style lang="less" scoped></style>

package/src/components/ebiz-form/components/file-multi-language.vue

@@ -1,52 +1,52 @@
-<template>
-  <div style="display: flex">
-    <div style="flex: 1;">
-      <form-file v-model="value.default" v-bind:item="item" @input="handleChange" />
-    </div>
-    <div v-if="item.multiLanguage">
-      <t-button @click="showMultiLanguageSetting" size="small" theme="primary" variant="text">{{
-        $t("form.multiLanguageSetting") }}</t-button>
-    </div>
-
-    <t-dialog v-model:visible="multiSettingVisible" :header="item.label" width="800px" :confirm-btn="null"
-      cancel-btn="关闭">
-      <div>
-        <div v-for="(language, index) in languages" style="margin-bottom: 10px; width: 100%;">
-          <t-form-item :key="index" :label="language.name" label-width="150px">
-            <div style="width: 100%">
-              <form-file v-model="value[language.key]" v-bind:item="item" @input="handleChange" />
-            </div>
-          </t-form-item>
-        </div>
-      </div>
-    </t-dialog>
-  </div>
-</template>
-
-<script setup>
-import { ref } from "vue"
-const value = defineModel()
-defineProps(['item'])
-
-const emit = defineEmits(['input', 'blue', 'change', 'clear', 'click'])
-const multiSettingVisible = ref(false);
-
-// import {getLanguageList} from "../../../../api/language"
-import FormFile from "./file.vue";
-const languages = []
-
-// 显示多语言设置
-const showMultiLanguageSetting = () => {
-  multiSettingVisible.value = true
-}
-
-const handleChange = (value, option) => {
-  emit('input', { value });
-}
-
-const onEvent = (event, val) => {
-  emit(event, val)
-}
-</script>
-
-<style lang="less" scoped></style>
+<template>
+  <div style="display: flex">
+    <div style="flex: 1;">
+      <form-file v-model="value.default" v-bind:item="item" @input="handleChange" />
+    </div>
+    <div v-if="item.multiLanguage">
+      <t-button @click="showMultiLanguageSetting" size="small" theme="primary" variant="text">{{
+        $t("form.multiLanguageSetting") }}</t-button>
+    </div>
+
+    <t-dialog v-model:visible="multiSettingVisible" :header="item.label" width="800px" :confirm-btn="null"
+      cancel-btn="关闭">
+      <div>
+        <div v-for="(language, index) in languages" style="margin-bottom: 10px; width: 100%;">
+          <t-form-item :key="index" :label="language.name" label-width="150px">
+            <div style="width: 100%">
+              <form-file v-model="value[language.key]" v-bind:item="item" @input="handleChange" />
+            </div>
+          </t-form-item>
+        </div>
+      </div>
+    </t-dialog>
+  </div>
+</template>
+
+<script setup>
+import { ref } from "vue"
+const value = defineModel()
+defineProps(['item'])
+
+const emit = defineEmits(['input', 'blue', 'change', 'clear', 'click'])
+const multiSettingVisible = ref(false);
+
+// import {getLanguageList} from "../../../../api/language"
+import FormFile from "./file.vue";
+const languages = []
+
+// 显示多语言设置
+const showMultiLanguageSetting = () => {
+  multiSettingVisible.value = true
+}
+
+const handleChange = (value, option) => {
+  emit('input', { value });
+}
+
+const onEvent = (event, val) => {
+  emit(event, val)
+}
+</script>
+
+<style lang="less" scoped></style>