star-horse-lowcode 2.7.65 → 2.7.66

package/src/components/formcomp/items/rate-item.vue

@@ -1,68 +0,0 @@
-<template>
-  <starhorse-form-item
-    :showFormItem="showFormItem"
-    :isDesign="isDesign"
-    :disabled="disabled"
-    :bareFlag="bareFlag"
-    :formItem="field"
-    :parentField="parentField"
-  >
-    <el-rate
-      :fid="field.fieldName"
-      v-bind="field.preps"
-      :disabled="checkIsDisabled(props)"
-      @change="itemAction"
-      v-model="formData[field.fieldName]"
-    />
-  </starhorse-form-item>
-</template>
-<script setup lang="ts">
-import { onMounted, PropType } from "vue";
-import {
-  allAction,
-  checkIsDisabled,
-} from "@/components/formcomp/utils/ItemRelationEventUtils";
-
-const props = defineProps({
-  isDesign: {
-    type: Boolean,
-    default: false,
-  },
-  disabled: {
-    type: Boolean,
-    default: false,
-  },
-  showFormItem: {
-    type: Boolean,
-    default: false,
-  },
-  bareFlag: {
-    type: Boolean,
-    default: false,
-  },
-  isSearch: {
-    type: Boolean,
-    default: false,
-  },
-  field: {
-    type: Object as PropType<any>,
-    required: true,
-  },
-  parentField: {
-    type: Object as PropType<any>,
-  },
-  formInfo: {
-    type: Object as PropType<any>,
-  },
-});
-const emits = defineEmits(["selfFunc", "selectItem"]);
-const formData = defineModel("formData");
-
-const itemAction = () => {
-  allAction(props, emits, formData, "change");
-};
-onMounted(() => {
-  allAction(props, emits, formData, "change", true);
-});
-</script>
-<style scoped></style>

package/src/components/formcomp/items/select-item.vue

@@ -1,133 +0,0 @@
-<template>
-  <starhorse-form-item
-    :showFormItem="showFormItem"
-    :isDesign="isDesign"
-    :disabled="disabled"
-    :bareFlag="bareFlag"
-    :formItem="field"
-    :parentField="parentField"
-  >
-    <el-select
-      :fid="field.fieldName"
-      :disabled="checkIsDisabled(props)"
-      v-bind="field.preps"
-      :remote-method="remoteMethod"
-      v-on="getDynamicEvents(props, itemAction)"
-      v-model="formData[field.fieldName]"
-    >
-      <el-option
-        :disabled="items['disabled']"
-        :label="items[field.preps?.props?.label || 'name']"
-        :value="items[field.preps?.props?.value || 'value']"
-        :key="items[field.preps?.props?.value || 'value']"
-        v-for="items in field.preps?.values"
-      />
-    </el-select>
-  </starhorse-form-item>
-</template>
-<script setup lang="ts">
-import { onMounted, PropType, watch } from "vue";
-import {
-  compDynamicData,
-  createFilter,
-  dynamicUrlOperation,
-} from "@/api/star_horse_utils";
-import { SearchParams } from "@/components/types/Params";
-import {
-  allAction,
-  checkIsDisabled,
-  initCompCallEvent,
-} from "@/components/formcomp/utils/ItemRelationEventUtils";
-import { getDynamicEvents } from "@/api/system";
-
-const props = defineProps({
-  isDesign: {
-    type: Boolean,
-    default: false,
-  },
-  disabled: {
-    type: Boolean,
-    default: false,
-  },
-  showFormItem: {
-    type: Boolean,
-    default: false,
-  },
-  bareFlag: {
-    type: Boolean,
-    default: false,
-  },
-  isSearch: {
-    type: Boolean,
-    default: false,
-  },
-  field: {
-    type: Object as PropType<any>,
-    required: true,
-  },
-  parentField: {
-    type: Object as PropType<any>,
-  },
-  formInfo: {
-    type: Object as PropType<any>,
-  },
-});
-const emits = defineEmits(["selfFunc", "selectItem"]);
-const formData = defineModel("formData");
-const itemAction = (prep: any) => {
-  allAction(props, emits, formData, prep);
-};
-/**
- * 动态获取数据
- */
-const initData = async () => {
-  const dataa = await compDynamicData(props.field);
-  if (dataa?.length) {
-    props.field.preps["values"] = dataa;
-  }
-};
-const remoteMethod = async (queryString: string) => {
-  let temp = props.field.preps;
-  let dataSource = temp["dataSource"];
-  if (dataSource == "url") {
-    let searchParams: SearchParams[] = [];
-    searchParams.push({
-      propertyName: temp["selectLabel"],
-      value: queryString,
-      operation: "lk",
-    });
-    temp["values"] = await dynamicUrlOperation(temp, searchParams);
-  } else {
-    temp["values"] = queryString
-      ? temp["values"]?.filter(createFilter(queryString))
-      : temp["values"];
-  }
-};
-onMounted(() => {
-  if (!props.field.preps) {
-    props.field.preps = {};
-  }
-  props.field.preps["remote"] =
-    props.field.preps["remote"] || props.field.preps["dataSource"] == "url";
-  props.field.preps["filterable"] = true;
-  props.field.preps["collapseTags"] = true;
-  initData();
-  initCompCallEvent(props, emits, formData);
-});
-watch(
-  () => formData.value[props.field.fieldName + "OptionList"],
-  (val) => {
-    if (val?.length > 0) {
-      props.field.preps["values"] = val;
-    }
-  },
-  {
-    immediate: true,
-  },
-);
-</script>
-<style lang="scss" scoped>
-.el-select {
-  width: 100%;
-}
-</style>

package/src/components/formcomp/items/signature-item.vue

@@ -1,216 +0,0 @@
-<script setup lang="ts">
-import { nextTick, onMounted, onUpdated, PropType, ref, shallowRef } from "vue";
-import SmoothSignature from "smooth-signature";
-import { warning } from "@/utils/message";
-import StarHorseIcon from "@/components/comp/StarHorseIcon.vue";
-import StarHorseDialog from "@/components/comp/StarHorseDialog.vue";
-
-defineProps({
-  isDesign: {
-    type: Boolean,
-    default: false,
-  },
-  disabled: {
-    type: Boolean,
-    default: false,
-  },
-  showFormItem: {
-    type: Boolean,
-    default: false,
-  },
-  bareFlag: {
-    type: Boolean,
-    default: false,
-  },
-  isSearch: {
-    type: Boolean,
-    default: false,
-  },
-  field: {
-    type: Object as PropType<any>,
-    required: true,
-  },
-  parentField: {
-    type: Object as PropType<any>,
-  },
-  formInfo: {
-    type: Object as PropType<any>,
-  },
-});
-const emits = defineEmits(["selfFunc", "selectItem"]);
-// const formData = defineModel("formData");
-let previewDialog = shallowRef<boolean>(false);
-let signature = ref<SmoothSignature>(null);
-// 明确声明 ref 类型为 HTMLCanvasElement 或 null
-const signatureCanvas = ref<any>(null);
-const options = {
-  width: Math.min(window.innerWidth, 1000),
-  height: 600,
-  minWidth: 4,
-  maxWidth: 12,
-  // color: '#1890ff',
-  bgColor: "#f6f6f6",
-};
-const init = async () => {
-  await nextTick(() => {
-    if (!signature.value && signatureCanvas.value) {
-      signature.value = new SmoothSignature(signatureCanvas.value, options);
-    }
-  });
-};
-const clear = (evt: MouseEvent) => {
-  evt && evt.defaultPrevented;
-  signature.value && signature.value.clear();
-};
-const undo = (evt: MouseEvent) => {
-  evt && evt.defaultPrevented;
-  signature.value && signature.value.undo();
-};
-
-const handleColor = (evt: MouseEvent) => {
-  evt && evt.defaultPrevented;
-  signature.value.color = "#" + Math.random().toString(16).slice(-6);
-};
-const handlePreview = (evt: MouseEvent) => {
-  evt && evt.defaultPrevented;
-  const isEmpty = signature.value.isEmpty();
-  if (isEmpty) {
-    warning("请先签名");
-    return;
-  }
-  previewDialog.value = true;
-  // const pngUrl = signature.value.getPNG();
-  // imagesPreview(pngUrl);
-  // window.previewImage(pngUrl);
-};
-onMounted(() => {
-  init();
-});
-onUpdated(() => {
-  init();
-});
-</script>
-<template>
-  <star-horse-dialog
-    :dialog-visible="previewDialog"
-    :source="3"
-    :self-func="true"
-    @closeAction="previewDialog = false"
-  >
-    <el-image :src="signature?.getPNG()" />
-  </star-horse-dialog>
-  <starhorse-form-item
-    :showFormItem="showFormItem"
-    :isDesign="isDesign"
-    :disabled="disabled"
-    :bareFlag="bareFlag"
-    :formItem="field"
-    :parentField="parentField"
-  >
-    <div class="pcDemo">
-      <div class="inner_button">
-        <el-menu mode="horizontal" style="height: inherit; width: 100%">
-          <el-menu-item @click="clear">
-            <el-tooltip content="清除">
-              <star-horse-icon icon-class="reset" />
-            </el-tooltip>
-          </el-menu-item>
-          <el-menu-item @click="undo">
-            <el-tooltip content="后退">
-              <star-horse-icon icon-class="undo" />
-            </el-tooltip>
-          </el-menu-item>
-          <el-menu-item @click="handleColor">
-            <el-tooltip content="修改颜色">
-              <star-horse-icon icon-class="color" />
-            </el-tooltip>
-          </el-menu-item>
-          <el-menu-item @click="handlePreview">
-            <el-tooltip content="预览">
-              <star-horse-icon icon-class="preview" />
-            </el-tooltip>
-          </el-menu-item>
-        </el-menu>
-      </div>
-      <canvas ref="signatureCanvas" />
-    </div>
-  </starhorse-form-item>
-</template>
-<style lang="scss" scoped>
-.pcDemo {
-  button {
-    margin-right: 10px;
-    font-size: 18px;
-  }
-
-  canvas {
-    border: 2px dashed #ccc;
-    cursor: crosshair;
-  }
-
-  .actions {
-    margin: 30px 0;
-  }
-
-  .tip {
-    color: #108eff;
-  }
-}
-
-li {
-  border: none;
-}
-
-.mbDemo {
-  position: fixed;
-  left: 0;
-  right: 0;
-  top: 0;
-  bottom: 0;
-
-  button {
-    font-size: 18px;
-  }
-
-  canvas {
-    border-radius: 10px;
-    border: 2px dashed #ccc;
-  }
-
-  .wrap1 {
-    margin-top: 100px;
-
-    .actions {
-      margin-bottom: 20px;
-    }
-  }
-
-  .wrap2 {
-    position: fixed;
-    left: 0;
-    right: 0;
-    top: 0;
-    bottom: 0;
-    padding: 15px;
-    display: flex;
-    justify-content: center;
-
-    .actionsWrap {
-      width: 50px;
-      display: flex;
-      justify-content: center;
-      align-items: center;
-    }
-
-    .canvas {
-      flex: 1;
-    }
-
-    .actions {
-      margin-right: 10px;
-      white-space: nowrap;
-      transform: rotate(90deg);
-    }
-  }
-}
-</style>

package/src/components/formcomp/items/slider-item.vue

@@ -1,68 +0,0 @@
-<template>
-  <starhorse-form-item
-    :showFormItem="showFormItem"
-    :isDesign="isDesign"
-    :disabled="disabled"
-    :bareFlag="bareFlag"
-    :formItem="field"
-    :parentField="parentField"
-  >
-    <el-slider
-      :fid="field.fieldName"
-      :disabled="checkIsDisabled(props)"
-      v-bind="field.preps"
-      :step="field.preps?.step ?? 1"
-      @change="itemAction"
-      v-model="formData[field.fieldName]"
-    />
-  </starhorse-form-item>
-</template>
-<script setup lang="ts">
-import { ModelRef, onMounted, PropType } from "vue";
-import {
-  allAction,
-  checkIsDisabled,
-} from "@/components/formcomp/utils/ItemRelationEventUtils";
-
-const props = defineProps({
-  isDesign: {
-    type: Boolean,
-    default: false,
-  },
-  disabled: {
-    type: Boolean,
-    default: false,
-  },
-  showFormItem: {
-    type: Boolean,
-    default: false,
-  },
-  bareFlag: {
-    type: Boolean,
-    default: false,
-  },
-  isSearch: {
-    type: Boolean,
-    default: false,
-  },
-  field: {
-    type: Object as PropType<any>,
-    required: true,
-  },
-  parentField: {
-    type: Object as PropType<any>,
-  },
-  formInfo: {
-    type: Object as PropType<any>,
-  },
-});
-const emits = defineEmits(["selfFunc", "selectItem"]);
-const formData: ModelRef<any> = defineModel("formData");
-const itemAction = () => {
-  allAction(props, emits, formData, "change");
-};
-onMounted(() => {
-  allAction(props, emits, formData, "change", true);
-});
-</script>
-<style scoped></style>