lw-cdp-ui 1.1.6 → 1.1.8

package/dist/components/lwCronSelect/index.vue

@@ -88,13 +88,9 @@
 </template>
 
 <script>
-/**
- *  秒 分  时 日 月 周
- *  *
- */
-import { defineComponent, ref, computed } from 'vue';
+import { ref, computed } from 'vue';
 
-export default defineComponent({
+export default {
   name: 'lwCronSelect',
   props: {
     disabled: Boolean,
@@ -104,12 +100,19 @@ export default defineComponent({
     }
   },
   setup(props, { emit }) {
+    // 解析传入的modelValue，生成内部使用的dataList
     const dataList = computed(() => {
       return props.modelValue ? props.modelValue.split(' ') : ['*', '*', '*', '*', '*', '?']
     })
+    // 初始化显示的输入值
     const showInput = ref(props.modelValue)
+    // 控制弹出框的显示与隐藏
     const visible = ref(false)
 
+    /**
+     * 根据选择的类型重置相关数据
+     * @param {number} val - 选择的类型值
+     */
     const changeInt = (val) => {
       switch (val) {
         case 3:
@@ -131,6 +134,7 @@ export default defineComponent({
       setData.value.timeData = ''
     }
 
+    // 初始化setData对象，用于内部数据管理
     const setData = ref({
       curType: dataList.value[4] !== '*' ? 4 : dataList.value[5] === '?' ? 3 : 5,
       day: dataList.value[3] === '*' ? [] : dataList.value[3]?.split(','),
@@ -139,26 +143,36 @@ export default defineComponent({
       timeData: dataList.value[0] === '*' ? '' : `${dataList.value[2]}:${dataList.value[1]}:${dataList.value[0]}`
     })
 
-
-
-    // 选择日期
+    /**
+     * 处理日期选择
+     * @param {string} val - 选择的日期值
+     */
     const changeDay = (val) => {
       if (val.indexOf('L') !== -1) {
         setData.value.day = ['L']
       }
     }
-    // 选择日期
+
+    /**
+     * 处理周选择
+     * @param {string} val - 选择的周值
+     */
     const changeWeeks = (val) => {
       if (val.indexOf('?') !== -1) {
         setData.value.weeks = ['?']
       }
     }
 
+    /**
+     * 更新cron表达式
+     */
     const changeCron = () => {
       emit('update:modelValue', showInput.value)
     }
 
-    // 确定选择
+    /**
+     * 确定选择，生成最终的cron表达式
+     */
     const changeOk = () => {
       console.log(setData.value.timeData)
       const time = setData.value.timeData ? setData.value.timeData.split(':') : ['*', '*', '*']
@@ -191,25 +205,5 @@ export default defineComponent({
       changeWeeks
     }
   }
-});
-</script>
-
-<style lang="scss" scoped>
-.CronSelect {
-  margin: 5px 0;
-  width: 100%;
-}
-
-.select-model {
-  display: flex;
-  width: 100%;
-
-  .item-select {
-    margin-right: 5px;
-  }
-}
-
-:deep(.arco-popconfirm-icon) {
-  display: none;
 }
-</style>
+</script>

package/dist/components/lwForm/index.vue

@@ -6,7 +6,7 @@
            ref="form"
            :model="form"
            :label-width="config.labelWidth"
-           :label-position="config.labelPosition"
+           :label-position="$i18n.locale == 'en-us' ? 'top' : config.labelPosition"
            v-loading="loading"
            :disabled="isView"
            element-loading-text="Loading...">
@@ -204,14 +204,12 @@
               <template v-if="item?.options?.name">
                 <el-input-number v-model="form[item.name][item.options.name]"
                                  :disabled="item.options.disabled"
-                                 v-bind="{
-                                  min: item?.options?.min,
-                                  max: item?.options?.max,
-                                  step: item?.options?.step|| 1,
-                                  precision: item?.options?.precision,
-                                  placeholder: item?.options?.placeholder || ''
-                                }"
-                                 controls-position="right">
+                                 :min="item?.options?.min"
+                                 :max="item?.options?.max"
+                                 :step="item?.options?.step || 1"
+                                 :precision="item?.options?.precision"
+                                 :placeholder=" item?.options?.placeholder || ''"
+                                 :controls-position="item?.options?.controlsPosition || 'right'">
                   <template v-if="item?.options?.suffix"
                             #suffix>
                     <span>{{item.options.suffix}}</span>
@@ -221,14 +219,12 @@
               <template v-else>
                 <el-input-number v-model="form[item.name]"
                                  :disabled="item.options.disabled"
-                                 v-bind="{
-                                  min: item?.options?.min,
-                                  max: item?.options?.max,
-                                  step: item?.options?.step|| 1,
-                                  precision: item?.options?.precision,
-                                  placeholder: item?.options?.placeholder || ''
-                                }"
-                                 controls-position="right">
+                                 :min="item?.options?.min"
+                                 :max="item?.options?.max"
+                                 :step="item?.options?.step || 1"
+                                 :precision="item?.options?.precision"
+                                 :placeholder=" item?.options?.placeholder || ''"
+                                 :controls-position="item?.options?.controlsPosition || 'right'">
                   <template v-if="item?.options?.suffix"
                             #suffix>
                     <span>{{item.options.suffix}}</span>
@@ -361,8 +357,46 @@ export default {
   },
   props: {
     modelValue: { type: Object, default: () => { } },
+    /**
+     * 配置项
+     * {
+     *   formItems: [{
+     *     span: 24,
+     *     component: 'input', // 可选项有  input, textarea, select, cascader, date, number, radio, checkbox, switch, color, rate, slider, tags, divider, upload, 自定义名称
+     *     name: 'name', // 表单字段名称
+     *     label: '名称', // 表单字段名称
+     *     message: '提示信息', // 表单字段名称
+     *     value: '1', // 表单字段值
+     *     options: {
+     *       name: 'name', // 表单字段名称
+     *       type: 'input|', // 输入框类型
+     *       placeholder: '请输入', // 表单字段名称
+     *       disabled: false, // 表单字段名称
+     *       maxlength: 10, // 表单字段名称
+     *       append: '元', // 表单字段名称
+     *       items: [{
+     *         value: '1',
+     *         label: '选项1'
+     *       }, {
+     *         value: '2',
+     *         label: '选项2'
+     *       }]
+     *     }
+     *     ...  
+     *   }]
+     *   labelWidth: '100px', // 表单域标签的宽度
+     *   labelPosition: 'top', // 表单域标签的位置，如果值为 left 或者 right 时，则需要设置 label-width
+     *   ...
+     * }
+     * **/
     config: { type: Object, default: () => { } },
+    /** 
+     * 是否显示加载中
+     */
     loading: { type: Boolean, default: false },
+    /**
+     * 是否是查看模式
+     */
     isView: { type: Boolean, default: false },
   },
   data() {
@@ -404,7 +438,13 @@ export default {
     }
   },
   methods: {
-    //构建form对象
+    /**
+     * 渲染表单数据。
+     * 遍历配置中的表单项，根据不同组件类型初始化表单数据。
+     * 对于复选框和上传组件，将选项值存储在对象中。
+     * 对于其他组件，直接将值赋给表单数据。
+     * 如果存在当前值，则将其与表单数据进行深度合并。
+     */
     render() {
       this.form = {}
       this.config.formItems.forEach((item) => {
@@ -437,7 +477,6 @@ export default {
         this.form = this.deepMerge(this.form, this.modelValue)
       }
     },
-    //合并深结构对象
     deepMerge(obj1, obj2) {
       for (let key in obj2) {
         if (obj2.hasOwnProperty(key)) {

package/dist/components/lwSvgIcon/index.vue

@@ -4,7 +4,7 @@
   </svg>
 </template>
 
-<!-- SvgIcon组件，可将svg图标直接当组件使用 -->
+<!-- lwSvgIcon组件，可将svg图标直接当组件使用 -->
 <script setup>
 import { defineProps, computed } from 'vue'
 const props = defineProps({