st-comp 0.0.48 → 0.0.49

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "st-comp",
   "public": true,
-  "version": "0.0.48",
+  "version": "0.0.49",
   "type": "module",
   "scripts": {
     "dev": "vite",
@@ -23,6 +23,7 @@
   },
   "devDependencies": {
     "@vitejs/plugin-vue": "^4.2.3",
+    "@vitejs/plugin-vue-jsx": "^3.1.0",
     "sass": "^1.69.3",
     "ssh2": "^1.14.0",
     "ssh2-sftp-client": "^9.1.0",

package/packages/VarietySearch/components/CheckBox/index.vue

@@ -0,0 +1,77 @@
+<template>
+  <div class="st-VarietySearch-checkBox">
+    <div class="st-VarietySearch-checkBox-label">
+      {{ config.label }}：
+      <el-button
+        text
+        size="small"
+        type="primary"
+        @click="checkList = []"
+      >
+        不限
+      </el-button>
+    </div>
+    <div class="st-VarietySearch-checkBox-content">
+      <el-checkbox-group
+        size="small"
+        v-model="checkList"
+      >
+        <el-checkbox
+          v-for="item in config.options"
+          :key="item.value"
+          :label="item.value"
+        >
+          {{ item.label }}
+        </el-checkbox>
+      </el-checkbox-group>
+    </div>
+  </div>
+</template>
+
+<script setup>
+import { ref, watch } from 'vue'
+
+const emit = defineEmits(['change']);
+const props = defineProps({
+  config: {
+    type: Object,
+    require: true,
+    default: () => ({}),
+  },
+  formData: {
+    type: Object,
+    require: true,
+  },
+})
+
+const checkList = ref([])
+
+watch(() => props.formData, () => {
+  checkList.value = props.formData[props.config.key] || []
+}, { deep: true })
+
+watch(checkList, () => {
+  emit('change', props.config.key, checkList.value)
+})
+</script>
+
+<style lang="scss" scoped>
+.st-VarietySearch-checkBox {
+  &-label {
+    display: inline-block;
+    vertical-align: top;
+    width: 120px;
+    height: 24px;
+    line-height: 22px;
+    font-size: 12px;
+    &-clear {
+      color: #409eff;
+    }
+  }
+  &-content {
+    vertical-align: top;
+    width: calc(100% - 120px);
+    display: inline-block;
+  }
+}
+</style>

package/packages/VarietySearch/components/FactorFilter/index.vue

@@ -0,0 +1,256 @@
+<template>
+  <div class="st-VarietySearch-factorFilter">
+    <div class="st-VarietySearch-factorFilter-label">
+      {{ config.label }}：
+      <el-button
+        text
+        size="small"
+        type="primary"
+        @click="clear"
+      >
+        不限
+      </el-button>
+    </div>
+    <div class="st-VarietySearch-factorFilter-content">
+      <el-tag
+        v-for="item in tagList"
+        style="margin-right: 5px"
+        :key="item.key"
+        closable
+        type="info"
+        :disable-transitions="false"
+        @close="deleteFactor(item, true)"
+      >
+        {{ item.freqName || "" }}
+        {{ item.factorName || "" }}
+        {{ item.startScore === null ? " / " : item.startScore + "分" }}
+        <span>~</span>
+        {{ item.endScore === null ? " / " : item.endScore + "分" }}
+      </el-tag>
+      <el-button type="primary" plain size="small" @click="open">
+        + 添加因子
+      </el-button>
+    </div>
+    <el-dialog
+      v-model="visible"
+      class="st-VarietySearch-factorFilter-dialog"
+      title="因子筛选"
+      align-center
+      :draggable="true"
+      width="510"
+    >
+      <el-row
+        v-for="item in factorList"
+        style="margin-bottom: 10px;"
+        :key="item.key"
+      >
+        <el-col :span="6">
+          <el-select
+            v-model="item.freqId"
+            :style="{ width: '100px' }"
+            :class="!item.freqId && check ? 'st-VarietySearch-factorFilter-border-red' : ''"
+            size="small"
+            placeholder="选择周期"
+          >
+            <el-option
+              v-for="optionItem in config.freqList"
+              :key="optionItem.value"
+              :label="optionItem.label"
+              :value="optionItem.value"
+            />
+          </el-select>
+        </el-col>
+        <el-col :span="7">
+          <el-select
+            v-model="item.factorId"
+            :class="!item.factorId && check ? 'st-VarietySearch-factorFilter-border-red' : ''"
+            :style="{ width: '120px' }"
+            size="small"
+            placeholder="选择因子"
+          >
+            <el-option
+              v-for="optionItem in config.factorList"
+              :key="optionItem.value"
+              :label="optionItem.label"
+              :value="optionItem.value"
+            />
+          </el-select>
+        </el-col>
+        <el-col :span="10">
+          <el-input-number
+            v-model="item.startScore"
+            :class="!((item.startScore || item.startScore === 0) || (item.endScore || item.endScore === 0)) && check ? 'st-VarietySearch-factorFilter-border-red' : ''"
+            style="width: 85px"
+            :step="0.5"
+            :min="-999"
+            :max="999"
+            placeholder="分数"
+            controls-position="right"
+            size="small"
+          />
+          <span> ~ </span>
+          <el-input-number
+            v-model="item.endScore"
+            :class="!((item.startScore || item.startScore === 0) || (item.endScore || item.endScore === 0)) && check ? 'st-VarietySearch-factorFilter-border-red' : ''"
+            style="width: 85px"
+            :step="0.5"
+            :min="-999"
+            :max="999"
+            controls-position="right"
+            placeholder="分数"
+            size="small"
+          />
+        </el-col>
+        <el-col :span="1">
+          <el-text
+            type="info"
+            style="cursor: pointer; vertical-align: -3px;"
+            @click="deleteFactor(item)"
+          >
+            <el-icon><CircleCloseFilled /></el-icon>
+          </el-text>
+        </el-col>
+      </el-row>
+      <el-button type="primary" plain size="small" @click="addFactor">
+        + 添加因子
+      </el-button>
+      <template #footer>
+        <div class="dialog-footer">
+          <el-button size="small" @click="visible = false">取消</el-button>
+          <el-button size="small" type="primary" @click="submit">
+            确认
+          </el-button>
+        </div>
+      </template>
+    </el-dialog>
+  </div>
+</template>
+
+<script setup>
+import { ref, computed } from 'vue'
+import { CircleCloseFilled } from "@element-plus/icons-vue";
+import { ElMessage } from 'element-plus';
+
+const emit = defineEmits(['change']);
+const props = defineProps({
+  config: {
+    type: Object,
+    require: true,
+    default: () => ({ key: new Date() }),
+  },
+  formData: {
+    type: Object,
+    require: true,
+  },
+})
+
+const defauleItem = {
+  factorId: null, // 因子id
+  freqId: null, // 周期id
+  startScore: null, // 开始分值
+  endScore: null, // 结束分值
+}
+
+const visible = ref(false)
+const factorList = ref([])
+const check = ref(false)
+
+// 标签列表
+const tagList = computed(() => {
+  return props.formData[props.config.key].filter(item => item.factorId && item.freqId).map(item => {
+    return {
+      ...item,
+      freqName: props.config.freqList.find(i => i.value === item.freqId)?.label,
+      factorName: props.config.factorList.find(i => i.id === item.factorId)?.factorName,
+    }
+  })
+})
+
+// 打开弹窗
+const open = () => {
+  if (factorList.value.length === 0) {
+    addFactor()
+  }
+  visible.value = true
+}
+
+// 添加因子
+const addFactor = () => {
+  factorList.value.push({ ...defauleItem, key: new Date().getTime() })
+}
+
+// 删除因子
+const deleteFactor = (item, isUpdate = false) => {
+  factorList.value = factorList.value.filter(i => i.key !== item.key)
+  if (isUpdate) {
+    emit('change', props.config.key, [...factorList.value])
+  }
+}
+
+// 不限
+const clear = () => {
+  factorList.value = []
+  emit('change', props.config.key, [])
+}
+
+// 提交
+const submit = () => {
+  for(let i = 0; i < factorList.value.length; i++) {
+    const item = factorList.value[i]
+    if (!(
+        item.factorId &&
+        item.freqId &&
+        ((item.startScore || item.startScore === 0) || (item.endScore || item.endScore === 0))
+      )) {
+      check.value = true
+      ElMessage.error('请检查列表参数后重试！')
+      return
+    }
+  }
+  emit('change', props.config.key, [...factorList.value])
+  check.value = false
+  visible.value = false
+}
+</script>
+
+<style lang="scss">
+.st-VarietySearch-factorFilter-border-red .el-input__wrapper,
+.st-VarietySearch-factorFilter-border-red .el-select__wrapper {
+  box-shadow: 0 0 0 1px var(--el-color-danger) inset;
+}
+.st-VarietySearch-factorFilter-dialog {
+  .el-dialog__header {
+    padding-top: 10px;
+    .el-dialog__headerbtn {
+      width: 40px;
+      height: 40px;
+    }
+  }
+  .el-dialog__body {
+    border-top: 1px solid var(--el-border-color);
+    border-bottom: 1px solid var(--el-border-color);
+    padding: 15px 20px;
+  }
+}
+</style>
+
+<style lang="scss" scoped>
+.st-VarietySearch-factorFilter {
+  &-label {
+    display: inline-block;
+    vertical-align: top;
+    width: 120px;
+    height: 24px;
+    line-height: 22px;
+    font-size: 12px;
+    &-clear {
+      color: #409eff;
+    }
+  }
+  &-content {
+    vertical-align: top;
+    width: calc(100% - 120px);
+    display: inline-block;
+  }
+}
+</style>

package/packages/VarietySearch/components/ModelSearch/Dialog.vue

@@ -0,0 +1,310 @@
+<template>
+  <el-dialog
+    v-model="visible"
+    class="st-VarietySearch-modelSearch-dialog"
+    :title="data.label"
+    align-center
+    :draggable="true"
+    width="510"
+  >
+    <template v-if="data.type === 'default'">
+      <div class="st-VarietySearch-modelSearch-dialog-content">
+        <el-button
+          v-for="(item, index) in data.options"
+          class="st-VarietySearch-modelSearch-dialog-content-btn"
+          :key="index"
+          size="small"
+          :style="item.style"
+          :type="index === activeIndex ? 'primary' : ''"
+          @click="btnClick(item, index)"
+        >{{ item.btnText }}</el-button>
+      </div>
+      <div>
+        <span>自定义：</span>
+        <el-input
+          v-model="start"
+          :class="!(start || end) && check ? 'st-VarietySearch-factorFilter-border-red' : ''"
+          size="small"
+          style="width: 150px"
+        >
+          <template #append v-if="typeof unitOptions === 'string'">
+            {{ unitOptions }}
+          </template>
+          <template #append v-else-if="typeof unitOptions === 'object'">
+            <el-select
+              v-model="startUnit"
+              :style="{ width: '60px' }"
+              placeholder=""
+              size="small"
+            >
+              <el-option
+                v-for="item in unitOptions"
+                :key="item.value"
+                :label="item.label"
+                :value="item.value"
+              />
+            </el-select>
+          </template>
+        </el-input>
+        <span style="margin: 0 10px;">~</span>
+        <el-input
+          v-model="end"
+          :class="!(start || end) && check ? 'st-VarietySearch-factorFilter-border-red' : ''"
+          controls-position="right"
+          style="width: 150px"
+          size="small"
+        >
+          <template #append v-if="typeof unitOptions === 'string'">
+            {{ unitOptions }}
+          </template>
+          <template #append v-else-if="typeof unitOptions === 'object'">
+            <el-select
+              v-model="endUnit"
+              :style="{ width: '60px' }"
+              placeholder=""
+              size="small"
+            >
+              <el-option
+                v-for="item in unitOptions"
+                :key="item.value"
+                :label="item.label"
+                :value="item.value"
+              />
+            </el-select>
+          </template>
+        </el-input>
+      </div>
+    </template>
+    <template v-else-if="data.type === 'radio'">
+      <el-radio-group v-model="radio" class="ml-4">
+        <el-radio
+          v-for="item in data.options"
+          :label="item.value"
+          size="small"
+        >{{ item.label }}</el-radio>
+      </el-radio-group>
+    </template>
+    <template v-else-if="data.type === 'tFeaturelncomes'">
+      <div class="st-VarietySearch-modelSearch-dialog-content">
+        <el-button
+          v-for="(item, index) in data.options"
+          class="st-VarietySearch-modelSearch-dialog-content-btn"
+          :key="index"
+          size="small"
+          :style="item.style"
+          :type="index === activeIndex ? 'primary' : ''"
+          @click="btnClick(item, index)"
+        >{{ item.btnText }}</el-button>
+      </div>
+      <div style="margin-bottom: 10px">
+        <span>自定义：</span>
+        <el-input-number
+          v-model="withFewYears"
+          :class="!withFewYears && check ? 'st-VarietySearch-factorFilter-border-red' : ''"
+          size="small"
+          :min="-9999999"
+          :max="9999999"
+          controls-position="right"
+          style="width: 70px"
+        />
+        <span> 年内 </span>
+        <el-input-number
+          v-model="yearsCount"
+          size="small"
+          :min="0"
+          :max="9999999"
+          controls-position="right"
+          style="width: 70px"
+        />
+        <span>
+          年以上盈利{{ rule === 1 ? "超" : "跌" }}过
+        </span>
+        <el-input-number
+          v-model="netProfit"
+          :class="!netProfit && check ? 'st-VarietySearch-factorFilter-border-red' : ''"
+          size="small"
+          :min="0"
+          :max="9999999"
+          controls-position="right"
+          style="width: 80px"
+        />
+        <span> 亿</span>
+      </div>
+    </template>
+    <template #footer>
+      <div class="dialog-footer">
+        <el-button size="small" @click="visible = false">取消</el-button>
+        <el-button size="small" type="primary" @click="submit">
+          确认
+        </el-button>
+      </div>
+    </template>
+  </el-dialog>
+</template>
+
+<script setup>
+import { ref, computed, watch } from 'vue'
+
+const emit = defineEmits(['update:modelValue', 'submit']);
+const props = defineProps({
+  modelValue: {
+    type: Boolean,
+    require: true,
+  },
+  data: {
+    type: Object,
+    default: () => ({}),
+  }
+})
+
+const activeIndex = ref(-1) // 快捷选中的index
+const start = ref('') // default类型下的起始值
+const end = ref('') // default类型下的结束值
+const startUnit = ref('') // default类型下的起始值单位
+const endUnit = ref('') // default类型下的结束值单位
+const unitOptions = ref() // default类型下的自定义单位
+const radio = ref() // radio类型下的单选值
+const withFewYears = ref() // tFeaturelncomes类型下的几年内数据
+const yearsCount = ref() // tFeaturelncomes类型下的几年上
+const netProfit = ref() // tFeaturelncomes类型下的差值
+const rule = ref() // tFeaturelncomes类型下的涨跌规则
+const check = ref(false) // 表单校验
+
+const visible = computed({
+  get() {
+    return props.modelValue;
+  },
+  set(val) {
+    emit('update:modelValue', val);
+  },
+});
+
+watch(visible, () => {
+  if (visible) {
+    activeIndex.value = -1
+    start.value = ''
+    end.value = ''
+    startUnit.value = ''
+    endUnit.value = ''
+    unitOptions.value = null
+    radio.value = null
+    withFewYears.value = null
+    yearsCount.value = null
+    netProfit.value = null
+    rule.value = null
+
+    if (props.data.type === 'default') {
+      start.value = props.data.start
+      end.value = props.data.end
+      startUnit.value = props.data.startUnit
+      endUnit.value = props.data.endUnit
+      unitOptions.value = props.data.unitOptions
+    }else if (props.data.type === 'radio') {
+      radio.value = props.data.radio
+    } else if (props.data.type === 'tFeaturelncomes') {
+      withFewYears.value = props.data.withFewYears
+      yearsCount.value = props.data.yearsCount
+      netProfit.value = props.data.netProfit
+      rule.value = props.data.rule
+    }
+  }
+})
+
+watch(
+  () => [start.value, end.value, startUnit.value, endUnit.value],
+  () => { activeIndex.value = -1 },
+  { deep: true }
+)
+
+const btnClick = (item, index) => {
+  activeIndex.value = index
+  if (props.data.type === 'default') {
+    start.value = item.start
+    end.value = item.end
+    startUnit.value = item.startUnit
+    endUnit.value = item.endUnit
+  } else if (props.data.type === 'tFeaturelncomes') {
+    withFewYears.value = item.withFewYears
+    yearsCount.value = item.yearsCount
+    netProfit.value = item.netProfit
+    rule.value = item.rule
+  }
+}
+
+const submit = () => {
+  const { type } = props.data 
+  if (type === 'default') {
+    if (!(start.value || end.value)) {
+      check.value = true
+      ElMessage.error('请检查参数后重试！')
+      return
+    }
+    check.value = false
+    emit('submit', {
+      ...props.data,
+      isEmit: true,
+      start: start.value ? Number(start.value) : null,
+      end: end.value ? Number(end.value): null,
+      startUnit: startUnit.value,
+      endUnit: endUnit.value,
+    })
+  } else if (type === 'radio') {
+    if (radio.value === null) {
+      ElMessage.error('请检查参数后重试！')
+      return
+    }
+    emit('submit', {
+      ...props.data,
+      isEmit: true,
+      radio: radio.value,
+      radioLabel: props.data.options.find(item => item.value === radio.value).label
+    })
+  } else if (type === 'tFeaturelncomes') {
+    if (!(withFewYears.value || netProfit.value)) {
+      check.value = true
+      ElMessage.error('请检查参数后重试！')
+      return
+    }
+    check.value = false
+    emit('submit', {
+      ...props.data,
+      isEmit: true,
+      withFewYears: withFewYears.value,
+      yearsCount: yearsCount.value,
+      netProfit: netProfit.value,
+      rule: rule.value,
+    })
+  }
+  visible.value = false
+}
+</script>
+
+<style lang="scss">
+.st-VarietySearch-modelSearch-border-red .el-input__wrapper,
+.st-VarietySearch-modelSearch-border-red .el-select__wrapper {
+  box-shadow: 0 0 0 1px var(--el-color-danger) inset;
+}
+.st-VarietySearch-modelSearch-dialog {
+  .el-dialog__header {
+    padding-top: 10px;
+    .el-dialog__headerbtn {
+      width: 40px;
+      height: 40px;
+    }
+  }
+  .el-dialog__body {
+    border-top: 1px solid var(--el-border-color);
+    border-bottom: 1px solid var(--el-border-color);
+    padding: 15px 20px;
+  }
+}
+</style>
+
+<style lang="scss" scoped>
+.st-VarietySearch-modelSearch-dialog-content {
+  &-btn {
+    margin-bottom: 10px;
+    margin-left: 0;
+  }
+}
+</style>