ylwl-cpscoms 1.0.0 → 1.2.0

package/src/SlForm/mixinRender.js

@@ -1,228 +0,0 @@
-import titleItem from '@/components/global/SlForm/otherItem/titleItem.vue'
-import EL from 'element-ui'
-import { typeOf } from '@/components/global/utils'
-export default {
-  components: {
-    titleItem
-  },
-  methods: {
-    renderTitle(ce, item) {
-      return ce(titleItem, {
-        props: {
-          item
-        }
-
-      })
-    },
-    renderSwitch(ce, item) {
-      return ce(EL.Switch, {
-        ...this.initCommonProps(item)
-      })
-    },
-    renderDrawer(ce) {
-      return ce(
-        EL.Button,
-        {
-          props: {
-            icon: this.isDrawerOpen ? 'el-icon-top-right' : 'el-icon-rank',
-            type: 'primary'
-          },
-          on: {
-            click: () => {
-              this.isDrawerOpen = !this.isDrawerOpen
-              this.boxHeight = this.isDrawerOpen ? 'auto' : this.firstitemHeight
-            }
-          }
-        }
-        // this.isDrawerOpen ? 'shrink' : 'open'
-      )
-    },
-    renderText(ce, item) {
-      return ce('div', { style: { width: '100%' }}, this.form[item.model])
-    },
-    renderInput(ce, item) {
-      return ce('div', { style: { width: '100%' }}, [
-        ce(EL.Input, {
-          ...this.initCommonProps(item, [], {}, item.privateAttrs)
-        }),
-        ce('div', { style: { color: 'red', lineHeight: 2, fontSize: '12px' }}, item.remark)
-      ])
-      // return ce(EL.Input, {
-      //   ...this.initCommonProps(item, [], {}, item.privateAttrs)
-      // })
-    },
-    renderInputNumber(ce, item) {
-      return ce('div', { style: { width: item.privateAttrs && item.privateAttrs.style && item.privateAttrs.style.width ? item.privateAttrs.style.width : '90%' }}, [
-        ce(EL.InputNumber, {
-          ...this.initCommonProps(item, [], { 'controls-position': 'right' }, item.privateAttrs)
-        }),
-        ce('span', { style: { marginLeft: '10px' }}, item.privateAttrs && item.privateAttrs.unit ? item.privateAttrs.unit : ''),
-        ce('div', { style: { color: 'red', lineHeight: 2, fontSize: '12px' }}, item.remark)
-      ])
-      // return ce(EL.Input, {
-      //   ...this.initCommonProps(item, [], {}, item.privateAttrs)
-      // })
-    },
-    renderSelect(ce, item) {
-      const {
-        labelKey = 'label',
-        valueKey = 'value',
-        // options,
-        // remoteMethod,
-        //   props = {},
-        model,
-        slots
-        // asycnOptions
-        //   label
-      } = item
-      // const isopstr = typeOf(options, 'string')
-      // const isopsFun = typeOf(asycnOptions, 'function')
-      // const isremote = typeOf(remoteMethod, 'function')
-      // const op = (isopsFun ? (await asycnOptions()) : options) || []
-      // console.log(this.selectOptions, "this.selectOptions")
-      // if (isopsFun) {
-      //   asycnOptions().then(result => {
-      //     this.$set(this.selectOptions, model, result || [])
-      //     // return result || []
-      //   })
-      // } else {
-      //   this.$set(this.selectOptions, model, options || [])
-      // }
-      const customOp = this.initCommonProps(
-        item,
-        ['options', 'labelKey', 'valueKey'],
-        {
-          hitable: true,
-          defaultFirstOption: true
-        },
-        item.privateAttrs
-      )
-      const otherSlots = Object.entries(slots || {}).reduce(
-        (pre, [key, fun]) => {
-          typeOf(fun, 'function') &&
-            (pre[key] = () => {
-              return fun(ce)
-            })
-          return pre
-        },
-        {}
-      )
-      //   return ce(bstSelect.SelectPro, {
-      return ce(EL.Select, {
-        ...customOp,
-        scopedSlots: {
-          default: () => {
-            return this.selectOptions[model] && this.selectOptions[model].length ? this.selectOptions[model].map((o) =>
-              //   ce(bstSelect.SelectOption, {
-              ce(EL.Option, {
-                props: Object.assign({}, o, {
-                  key: 'id',
-                  data: o,
-                  label: o[labelKey],
-                  value: o[valueKey]
-                })
-              })
-            ) : []
-            //  return op.map(o=>ce(EL.Option,{props:Object.assign({},o,{key:'id',data:o,label:o[labelKey],value:o[valueKey]})}))
-          },
-          ...otherSlots
-        }
-      })
-    },
-    renderDatePicker(ce, item) {
-      return ce(EL.DatePicker, {
-        ...this.initCommonProps(item, [], {
-          startPlaceholder: '开始时间',
-          endPlaceholder: '结束时间',
-          defaultTime: item.privateProps && item.privateProps.type === 'daterange' ? ['00:00:00', '23:59:59'] : undefined,
-          ...item.privateProps
-        }, item.privateProps)
-      })
-    },
-
-    renderRadio(ce, item) {
-      const { labelKey = 'label', valueKey = 'value', model } = item
-      return ce(
-        EL.RadioGroup,
-        {
-          ...this.initCommonProps(item, [
-            'options',
-            'labelKey',
-            'valueKey',
-            'label'
-          ])
-        },
-        this.selectOptions[model] && this.selectOptions[model].length ? this.selectOptions[model].map((o) =>
-          ce(EL.Radio, { props: { label: o[valueKey] }}, [o[labelKey]])
-        ) : []
-      )
-    },
-
-    renderSlider(ce, item) {
-      return ce('div', { class: 'yl-form-slider' }, [
-        ce('span', { class: 'yl-form-slider-span' }, [item.label]),
-        ce(EL.Slider, {
-          ...this.initCommonProps(item, []),
-          style: 'width:200px'
-        })
-      ])
-    },
-    renderRangeInput(ce, item) {
-      !typeOf(item.value, 'array') && (item.value = [])
-      // const target = item.callback ? this.transfer : this.form
-      const target = this.form
-      const val = target[item.model]
-      const style = ''
-      // 清空输入框的函数
-      const clearInputs = () => {
-        this.fomateValue(item, ['', ''])
-      }
-
-      // 检查是否至少有一个输入框有值
-      const hasValue = val && (val[0] || val[1])
-      return ce('div', { class: 'yl-form-range-input' }, [
-        ce('span', { class: 'yl-form-slider-span' }, [item.label]),
-        ce('input', {
-          style,
-          domProps: { value: val[0], placeholder: '起始值', type: 'number' },
-          on: {
-            input: ({ target }) => {
-              this.fomateValue(item, [target.value, val[1]])
-              // this.$emit("input",this.form);
-            }
-          }
-        }),
-        '-',
-        ce('input', {
-          style,
-          domProps: { value: val[1], placeholder: '截止值', type: 'number' },
-          on: {
-            input: ({ target }) => {
-              this.fomateValue(item, [val[0], target.value])
-              // this.$emit("input",this.form);
-            }
-          }
-        }),
-        hasValue && ce('button', {
-          class: 'range-input-clear-btn',
-          attrs: { type: 'button' },
-          style: {
-            marginLeft: '5px',
-            background: 'none',
-            border: 'none',
-            fontSize: '16px',
-            cursor: 'pointer',
-            color: '#999'
-          },
-          on: {
-            click: (e) => {
-              e.stopPropagation()
-              clearInputs()
-            }
-          }
-        }, '×')
-      ])
-    }
-
-  }
-}

package/src/SlForm/otherItem/titleItem.vue

@@ -1,31 +0,0 @@
-<template>
-  <h3 class="title-item">
-    {{ item.label }}
-  </h3>
-</template>
-<script>
-export default {
-  name: 'TitleItem',
-  props: {
-    item: {
-      type: Object,
-      default: () => {}
-    }
-  },
-  mounted() {
-    // console.log(this.item, "你的手")
-  }
-}
-</script>
-<style scoped>
-.title-item::before {
-  content: "|";
-  width: 3px;
-  background-color: #409EFF;
-  color: #409EFF;
-}
-.title-item {
-  margin-bottom: 20px;
-}
-</style>
-