sohelp-eleplus 1.1.13

package/sohelp-select/index.vue

@@ -0,0 +1,120 @@
+<template>
+  <el-select
+    clearable
+    v-bind="$attrs"
+    :multiple="multiple"
+    @update:modelValue="updateValue"
+    :model-value="dataValue"
+    style="min-width: 60px"
+  >
+    <el-option
+      v-for="item in data"
+      :key="item.value"
+      :label="item.i18n ? t(item.i18n) : item.label"
+      :value="item.value"
+      @click="optionClick(item.value)"
+    ></el-option>
+    <slot name="footer"></slot>
+  </el-select>
+</template>
+<script>
+  import { onMounted, ref, watch } from 'vue';
+  import { useI18n } from 'vue-i18n';
+
+  export default {
+    name: 'SohelpSelect',
+    props: {
+      datasource: {
+        type: [Array, Function, Promise],
+        required: true
+      },
+      labelField: {
+        type: String,
+        default: 'label'
+      },
+      valueField: {
+        type: String,
+        default: 'value'
+      },
+      multiple: {
+        type: Boolean,
+        default: false
+      },
+      modelValue: {
+        type: [String, Number, Boolean, Array],
+        required: true
+      }
+    },
+    emit: ['update:modelValue', 'change', 'optionClick'],
+
+    setup(props, { emit, attrs }) {
+      const { t } = useI18n();
+      const data = ref([]);
+      const dataValue = ref('');
+
+      const mapData = (items) => {
+        return items?.map((item) => ({
+          ...item,
+          value: item[props.valueField],
+          label: item[props.labelField]
+        }));
+      };
+      onMounted(async () => {
+        if (Array.isArray(props.datasource)) {
+          data.value = mapData(props.datasource);
+        } else if (typeof props.datasource === 'function') {
+          const result = await props.datasource();
+          data.value = mapData(result);
+        } else if (props.datasource instanceof Promise) {
+          const result = await props.datasource;
+          data.value = mapData(result);
+        }
+      });
+
+      watch(
+        () => props.modelValue,
+        (val) => {
+          let value = val + '';
+          if (props.multiple) {
+            // 转换成数组
+            if (!Array.isArray(value)) {
+              value = value
+                ?.toString()
+                .split(',')
+                ?.filter((item) => item);
+            }
+          } else {
+            value = value?.split(',')[0];
+          }
+          dataValue.value = value;
+        },
+        {
+          immediate: true
+        }
+      );
+
+      const optionClick = (val) => {
+        emit('optionClick', val);
+      };
+
+      const change = (val, e) => {
+        emit('change', val);
+      };
+
+      /** 更新选中数据 */
+      const updateValue = (value) => {
+        emit('update:modelValue', value);
+      };
+
+      return {
+        data,
+        dataValue,
+        change,
+        optionClick,
+        updateValue,
+        t
+      };
+    }
+  };
+</script>
+<style></style>

package/sohelp-split-panel/index.vue

@@ -0,0 +1,15 @@
+<template>
+  <div class="sohelp-split-panel">
+    <ele-split-panel v-bind="$attrs">
+      <template v-for="(_, slot) in $slots" #[slot]="slotProps">
+        <slot :name="slot" v-bind="slotProps" />
+      </template>
+    </ele-split-panel>
+  </div>
+</template>
+<script>
+  export default {
+    name: 'SohelpSplitPanel'
+  };
+</script>
+<style></style>

package/sohelp-switch/index.vue

@@ -0,0 +1,56 @@
+<template>
+  <div class="sohelp-switch">
+    <ele-text v-if="readonly" :type="modelValue ? 'success' : 'danger'">
+      {{ modelValue ? activeValue || '开启' : inactiveValue || '关闭' }}
+    </ele-text>
+    <el-switch
+      v-bind="$attrs"
+      :model-value="value"
+      :active-value="activeValue"
+      :inactive-value="inactiveValue"
+      v-else
+      @change="change"
+    ></el-switch>
+  </div>
+</template>
+<script>
+  import { ref, watch } from 'vue';
+  export default {
+    name: 'SohelpSwitch',
+    props: {
+      readonly: {
+        type: Boolean,
+        default: false
+      },
+      modelValue: [String, Number, Boolean],
+      activeValue: {
+        type: [String, Number, Boolean],
+        default: true
+      },
+      inactiveValue: {
+        type: [String, Number, Boolean],
+        default: false
+      }
+    },
+    emits: ['update:modelValue'],
+    setup(props, { emit }) {
+      const value = ref();
+      const change = (v) => {
+        emit('update:modelValue', v);
+        value.value = v;
+      };
+
+      watch(
+        () => props.modelValue,
+        (val) => {
+          value.value = val;
+        },{
+          immediate: true
+        }
+      );
+
+      return { value, change };
+    }
+  };
+</script>
+<style></style>

package/sohelp-table/index.vue

@@ -0,0 +1,151 @@
+<template>
+  <ele-pro-table
+    ref="sohelpTableRef"
+    :columns="columns"
+    :datasource="datasource"
+    v-bind="$attrs"
+    :loadOnCreated="loadOnCreated"
+    row-key="id"
+    :where="where"
+    :show-overflow-tooltip="true"
+    v-model:selections="selections"
+    highlight-current-row>
+    <slot>
+      <template v-for="(slotProps, slotName) in $scopedSlots" :key="slotName">
+        <slot :name="slotName" v-bind="slotProps"/>
+      </template>
+    </slot>
+    <template #toolbar="{ row }">
+      <slot name="toolbar" :row="row"></slot>
+    </template>
+    <slot name=""></slot>
+    <template #action="{ row }">
+      <slot name="action" :row="row"></slot>
+    </template>
+  </ele-pro-table>
+</template>
+<script>
+import {reactive, ref} from 'vue';
+import {moduleCache} from '../cache/ModuleCache';
+import {EleMessage} from "@/components/ele-admin-plus/components";
+
+
+export default {
+  name: "SohelpTable",
+  props: {
+    /**网格列表配置ID*/
+    refid: {
+      type: String,
+      defaultValue: "",
+      required: true
+    },
+    /**数据源URL**/
+    url: {
+      type: String,
+      defaultValue: ""
+    },
+    /**数据源URL**/
+    where: {
+      type: Object,
+      defaultValue: {}
+    }
+  },
+  setup(props, {emit}) {
+    /**列表实例*/
+    const sohelpTableRef = ref(null);
+    /**存储表格配置*/
+    const sohelpConfig = reactive({});
+    /**在放选中数据列表**/
+    const selections = ref([]);
+    /**默认加载数据**/
+    const loadOnCreated = ref(false);
+
+    /**自定义列配置 **/
+    const columns = reactive([{
+      type: 'selection',
+      columnKey: 'selection',
+      width: 50,
+      align: 'center',
+      fixed: 'left'
+    }, {
+      type: 'index',
+      columnKey: 'index',
+      width: 50,
+      align: 'center',
+      fixed: 'left'
+    }]);
+
+    /** 表格数据源 */
+    const datasource = async ({page, limit, where, orders}) => {
+      if (!loadOnCreated.value) {
+        return {total: 0, results: []}
+      }
+      const res = await SohelpHttp.get(props.url || sohelpConfig.requestValue, {
+        page,
+        limit,
+        ...where,
+        ...props.where,
+        orders
+      }).catch(e => {
+        EleMessage.error(e.message);
+      });
+      return res.data;
+    };
+
+    /**根据配置列转成ProTable格式的列*/
+    const switchProperty = (property) => {
+      return {
+        prop: property.name,
+        columnKey: property.name,
+        label: property.label,
+        width: property.width || 100
+      }
+    }
+
+    /***初始化网格列表配置**/
+    const initProTableConfiguration = (cfg) => {
+      loadOnCreated.value = true;
+      reload();
+    }
+    /**获取列表配置*/
+    moduleCache.getGrid(props.refid).then(data => {
+      Object.assign(sohelpConfig, {...data});
+      //初始化属性列表配置
+      data.properties.map(property => {
+        columns.push(switchProperty(property));
+      });
+      /**添加操作列**/
+      columns.push({
+        columnKey: 'action',
+        label: '操作',
+        width: 200,
+        align: 'center',
+        slot: 'action'
+      });
+      //初始化表格配置
+      initProTableConfiguration();
+    });
+
+
+    const reload = (param) => {
+      sohelpTableRef.value?.reload?.(param);
+    }
+    const getData = () => {
+      return sohelpTableRef.value?.getData?.();
+    }
+    const getTableRef = () => {
+      return sohelpTableRef.value?.getTableRef?.();
+    }
+
+    // defineExpose({
+    //   reload, getData,getTableRef,datasource
+    // })
+    return {columns, reload, getData, getTableRef, datasource, selections, sohelpTableRef, sohelpConfig}
+  }
+
+};
+
+</script>
+<style scoped>
+
+</style>

package/sohelp-tenant-select/index.vue

@@ -0,0 +1,128 @@
+<template>
+  <sohelp-vxe-grid-select label-field="tenant_name" :title="title" ref="vxeGridSelectRef" v-bind="$attrs" :gridOptions="gridOptions" @show="show" @confirm="confirm"></sohelp-vxe-grid-select>
+</template>
+<script>
+import SohelpVxeGridSelect from "../sohelp-vxe-grid-select/index.vue";
+import { nextTick, reactive, ref } from "vue";
+import { EleMessage } from "@/components/ele-admin-plus/components";
+
+export default {
+  name: "SohelpTenantSelect",
+  components: {SohelpVxeGridSelect},
+  props:{
+    url:{
+      type:String,
+      default:'/engine/web/tenant/page'
+    },
+    title:{
+      type:String,
+      default:'选择租户'
+    }
+
+  },
+  setup(props,{emit}){
+    const vxeGridSelectRef= ref();
+    const show = (options) => {
+      SohelpHttp.get(props.url,{}).then(res=>{
+        if(res.meta.success){
+          nextTick(()=>{
+            gridOptions.pagerConfig.total = res.data.total;
+            vxeGridSelectRef.value.$grid.loadData(res.data.results);
+          })
+
+        }else{
+          EleMessage.error(res.meta.message);
+        }
+      })
+    }
+
+    const confirm = (rows) => {
+      emit('confirm',rows);
+    }
+
+    /** 表格配置 */
+    const gridOptions = reactive({
+      customConfig: {
+        placement: 'top-right' // 自定义列工具栏位置
+      },
+      rowConfig: {
+        useKey: true,
+        sHover: true,
+        isCurrent: true
+      },
+      keyboardConfig: {
+        isEdit: true,
+        isArrow: true,
+        isEnter: true,
+        isTab: true,
+        isDel: true,
+        isBack: true
+      },
+      mouseConfig: {
+        selected: false
+      },
+      checkboxConfig: {
+        highlight: true,
+        range: true
+      },
+      pagerConfig: {
+        enabled: true,
+        total: 0,
+        currentPage: 1,
+        pageSize: 50,
+        align: 'center'
+      },
+      border: true,
+      stripe: true,
+      loading: false,
+      minHeight: 200,
+      maxHeight: '100%',
+      size: 'mini',
+      columnConfig: {
+        resizable: true
+      },
+      columns: [
+        { field: 'checkbox', fixed: 'left', type: 'checkbox', align: 'center', width: 40 },
+        {
+          type: 'seq',
+          title: '#',
+          fixe: 'left',
+          align: 'center',
+          width: 40
+        },
+        {
+          title: 'id',
+          width: 200,
+          field: 'id',
+          visible: false
+        },
+        {
+          title: '租户',
+          width: 200,
+          field: 'tenant_name',
+          showOverflow: 'tooltip'
+        }, {
+          title: '备注',
+          minWidth: 200,
+          field: 'comments',
+          showOverflow: 'tooltip'
+        }, {
+          title: '创建日期',
+          width: 160,
+          field: 'create_time'
+        }
+      ],
+      data: []
+    });
+
+
+
+   return {vxeGridSelectRef,gridOptions,show,confirm}
+
+  }
+}
+</script>
+
+<style scoped>
+
+</style>

package/sohelp-text/index.vue

@@ -0,0 +1,14 @@
+<!-- 文本 -->
+<template>
+  <ele-text v-bind="$attrs"  show-word-limit>
+    <slot></slot>
+  </ele-text>
+</template>
+
+<script >
+  import { defineComponent } from 'vue';
+
+  export default defineComponent({
+    name: 'SohelpText'
+  });
+</script>

package/sohelp-textarea-input/index.vue

@@ -0,0 +1,36 @@
+<template>
+  <el-input v-bind="$attrs" :maxlength="maxlength" :rows="$attrs.rows" ref="inputRef" type="textarea" show-word-limit clearable ></el-input>
+</template>
+<script setup>
+  import { nextTick, onMounted, ref } from 'vue';
+
+  const props = defineProps({
+    autoFocus: {
+      type: Boolean,
+      default: false
+    },
+    maxlength: {
+      type: Number,
+      default: 250
+    },
+  });
+
+  const modelValue = ref('');
+
+
+  const inputRef = ref(null);
+
+  onMounted(() => {
+    nextTick(() => {
+      if (props.autoFocus) {
+        inputRef.value.focus();
+      }
+    });
+  });
+</script>
+<script>
+  export default {
+    name: 'SohelpTextareaInput'
+  };
+</script>
+<style></style>

package/sohelp-time/index.vue

@@ -0,0 +1,10 @@
+<template>
+  <el-time-picker v-bind="$attrs" value-format="HH:mm:ss"></el-time-picker>
+</template>
+<script setup>
+
+</script>
+
+<style scoped>
+
+</style>

package/sohelp-tree/index.vue

@@ -0,0 +1,37 @@
+<template>
+  <el-tree
+    v-bind="$attrs"
+    :data="data"
+    v-loading="loading"
+    @node-click="handleClick"
+  />
+</template>
+<script>
+  import { onMounted, ref } from 'vue';
+  export default {
+    name: 'SohelpTree',
+    props: {
+      data: {
+        type: Object,
+        required: true
+      }
+    },
+    emits: ['node-click'],
+    setup(props, { emit }) {
+      const loading = ref(true);
+      onMounted(() => {
+        loading.value = false;
+      });
+
+      const handleClick = (data, node, el) => {
+        emit('node-click', data, node, el);
+      };
+
+      return {
+        handleClick,
+        loading
+      };
+    }
+  };
+</script>
+<style scoped></style>

package/sohelp-tree-select/index.vue

@@ -0,0 +1,18 @@
+<template>
+  <ele-tree-select filterable ref="treeSelectRef" v-model="modelValue" v-bind="$attrs" :size="globalConfig.size" />
+</template>
+
+<script setup>
+import { inject } from "vue";
+const modelValue= defineModel("modelValue", { type: [String, Number, Array], default: "" });
+const globalConfig = inject("globalConfig");
+defineExpose({
+  globalConfig
+});
+</script>
+<script>
+export default {
+  name: "SohelpTreeSelect"
+};
+</script>
+<style></style>

package/sohelp-user-select/index.vue

@@ -0,0 +1,44 @@
+<template>
+  <div class="sohelp-user-select">
+    <sohelp-dyn-select
+      v-bind="$attrs"
+      :url="url"
+      :labelField="labelField"
+      :valueField="valueField"
+      :datasource="datasource"
+      v-model="modelValue"
+    ></sohelp-dyn-select>
+  </div>
+</template>
+<script setup>
+  import SohelpDynSelect from '../sohelp-dyn-select/index.vue';
+
+  const modelValue = defineModel('modelValue', { type: [String, Number, Array], default: '' });
+
+  const props = defineProps({
+    datasource: {
+      type: [Array, Function, Promise],
+      required: true
+    },
+    url: {
+      type: String,
+      default: '/engine/web/user/list'
+    },
+    labelField: {
+      type: String,
+      default: 'user_name'
+    },
+    valueField: {
+      type: String,
+      default: 'id'
+    }
+  });
+  // 暴露子组件特有方法
+  defineExpose({});
+</script>
+<script>
+  export default {
+    name: 'SohelpUserSelect'
+  };
+</script>
+<style></style>

package/sohelp-user-select/index.vue~

@@ -0,0 +1,53 @@
+<template>
+  <div class="sohelp-user-select">
+    <sohelp-dyn-select
+      v-bind="$attrs"
+      :url="url"
+      :labelField="labelField"
+      :valueField="valueField"
+      :readonly="readonly"
+      :datasource="datasource"
+      v-model="modelValue"
+    ></sohelp-dyn-select>
+  </div>
+</template>
+<script setup>
+import SohelpDynSelect from "../sohelp-dyn-select/index.vue";
+
+const modelValue = defineModel("modelValue", { type: [String, Number, Array], default: "" });
+
+const props = defineProps({
+  datasource: {
+    type: [Array, Function, Promise],
+    required: true
+  },
+  url: {
+    type: String,
+    default: "/engine/web/user/list"
+  },
+  labelField: {
+    type: String,
+    default: "user_name"
+  },
+  valueField: {
+    type: String,
+    default: "id"
+  },
+  readonly: {
+    type: Boolean,
+    default: false
+  }
+});
+console.error(exposedMethods)
+// 暴露子组件特有方法
+defineExpose({
+  ...exposedMethods
+})
+
+</script>
+<script>
+export default {
+  name: "SohelpUserSelect"
+};
+</script>
+<style></style>