cnhis-design-vue 3.1.40-release.5 → 3.1.40-release.6

package/es/components/scale-view/src/components/formitem/r-radio.js

@@ -1,240 +0,0 @@
-import { defineComponent, reactive, watch, createVNode, resolveComponent, isVNode } from 'vue';
-import { NRadioGroup, NRadio, NInput, NIcon } from 'naive-ui';
-import { api } from 'v-viewer';
-import { SearchOutline } from '@vicons/ionicons5';
-import chooseCommon from '../composables/choose-common.js';
-
-function _isSlot(s) {
-  return typeof s === "function" || Object.prototype.toString.call(s) === "[object Object]" && !isVNode(s);
-}
-var scriptRadio = defineComponent({
-  name: "RRadio",
-  components: {
-    NRadioGroup,
-    NRadio,
-    NInput,
-    NIcon
-  },
-  props: {
-    form: {
-      type: Object,
-      default: () => {
-      }
-    },
-    item: {
-      type: Object,
-      default: () => {
-      }
-    },
-    isLock: {
-      type: Boolean,
-      default: false
-    },
-    inputLock: {
-      type: Boolean,
-      default: false
-    }
-  },
-  emits: ["scaleChange"],
-  setup(props, context) {
-    var _a, _b;
-    const state = reactive({
-      curvalue: "",
-      othersText: "",
-      curOptions: [],
-      optionsPreSuffixObj: {}
-    });
-    const {
-      choiceColor,
-      showImgWrap,
-      handleDefPreSuffix,
-      choiceUseKey,
-      isRadioItem,
-      showPreSuffix,
-      handleOptions,
-      stopClick
-    } = chooseCommon(props, state);
-    const chooseStyleSetting = ((_b = (_a = props.item) == null ? void 0 : _a.setting) == null ? void 0 : _b.chooseStyleSetting) || 1;
-    const handlePreview = (e, url) => {
-      e.preventDefault();
-      e.stopPropagation();
-      let imgs = state.curOptions.map((v) => v.imageUrl).filter(Boolean);
-      if (!imgs.length)
-        return;
-      let index = imgs.findIndex((v) => v === url);
-      let i = index < 0 ? 0 : index;
-      api({
-        images: imgs,
-        options: {
-          toolbar: true,
-          initialViewIndex: i
-        }
-      });
-    };
-    const handleRadioDef = (item, curValue, options) => {
-      state.curOptions = handleOptions(options);
-      if (!options.length || !curValue)
-        return;
-      if (item.type === "EVALUATE_RADIO_BLOCK") {
-        state.curvalue = curValue;
-        radioChange();
-        return;
-      }
-      let hasOther = options.find((v) => v.value === curValue);
-      if (hasOther) {
-        state.curvalue = hasOther.key;
-        radioChange();
-        return;
-      }
-      let preSuffixItem = options.find((v, i) => {
-        let res = handleDefPreSuffix(v, i, curValue);
-        if (res) {
-          state.curvalue = res;
-        }
-        return !!res || false;
-      });
-      if (!preSuffixItem) {
-        state.othersText = curValue;
-        state.curvalue = "other";
-      }
-      radioChange();
-    };
-    const handleDef = (value) => {
-      var _a2;
-      let options = value.options || [];
-      let valueDef = props.form[props.item.val_key];
-      if (props.item.type === "EVALUATE_RADIO_BLOCK") {
-        options = ((_a2 = value.scoreConfigs) == null ? void 0 : _a2.scoreRules) || [];
-      }
-      const defVal = value.dbValue || value.setting.defaultValue || valueDef;
-      handleRadioDef(value, defVal, options);
-    };
-    const radioChange = () => {
-      let choiceObj = {
-        othersText: state.othersText,
-        optionsPreSuffixObj: state.optionsPreSuffixObj
-      };
-      context.emit("scaleChange", state.curvalue, props.item, {
-        choiceObj,
-        isSetObj: isRadioItem.value
-      });
-    };
-    watch(() => props.item, (value) => {
-      if (!value || !Object.keys(value).length)
-        return;
-      handleDef(value);
-    }, {
-      immediate: true
-    });
-    const inputPreSuffixChange = (val, o, i) => {
-      state.optionsPreSuffixObj[o.key] = val;
-      state.curvalue = o.key;
-      let choiceObj = {
-        othersText: state.othersText,
-        optionsPreSuffixObj: state.optionsPreSuffixObj
-      };
-      console.log(state.optionsPreSuffixObj);
-      context.emit("scaleChange", state.curvalue, props.item, {
-        choiceObj,
-        isSetObj: isRadioItem.value
-      });
-    };
-    const inputChange = () => {
-      let choiceObj = {
-        othersText: state.othersText,
-        optionsPreSuffixObj: state.optionsPreSuffixObj
-      };
-      state.curvalue = "other";
-      context.emit("scaleChange", "other", props.item, {
-        choiceObj,
-        isSetObj: isRadioItem.value
-      });
-    };
-    const renderImg = (o, i) => {
-      return createVNode("span", {
-        "class": "scale-choice-img-wrap"
-      }, [createVNode("img", {
-        "class": "show-picture",
-        "src": o.imageUrl
-      }, null), createVNode("div", {
-        "class": "scale-preview-wrap"
-      }, [createVNode(NIcon, {
-        "size": "24",
-        "color": "#fff",
-        "component": SearchOutline,
-        "onClick": (e) => handlePreview(e, o.imageUrl)
-      }, null)])]);
-    };
-    const renderPresuffix = (o, i) => {
-      return createVNode("div", {
-        "class": "presuffix-wrap",
-        "onClick": stopClick
-      }, [o.prefix && createVNode("span", {
-        "class": "prefix-span",
-        "style": {
-          color: choiceColor.value(o)
-        }
-      }, [o.prefix]), createVNode(resolveComponent("n-input"), {
-        "value": state.optionsPreSuffixObj[o.key],
-        "onUpdate:value": ($event) => state.optionsPreSuffixObj[o.key] = $event,
-        "disabled": props.isLock || props.inputLock,
-        "style": {
-          color: choiceColor.value(o)
-        },
-        "placeholder": "\u8BF7\u8F93\u5165",
-        "bordered": false,
-        "on-update:value": (val) => inputPreSuffixChange(val, o)
-      }, null), o.suffix && createVNode("span", {
-        "class": "suffix-span",
-        "style": {
-          color: choiceColor.value(o)
-        }
-      }, [o.suffix])]);
-    };
-    const renderDefault = (o) => {
-      return createVNode("span", {
-        "style": {
-          color: choiceColor.value(o)
-        },
-        "class": "other-span"
-      }, [o.label]);
-    };
-    const renderOther = (o) => {
-      return createVNode("div", {
-        "class": "choose-other",
-        "onClick": stopClick
-      }, [createVNode(resolveComponent("n-input"), {
-        "value": state.othersText,
-        "onUpdate:value": [($event) => state.othersText = $event, inputChange],
-        "disabled": props.isLock || props.inputLock,
-        "style": {
-          color: choiceColor.value(o)
-        },
-        "placeholder": "\u8BF7\u8F93\u5165",
-        "bordered": false
-      }, null)]);
-    };
-    const hasPreSuffix = (o) => {
-      return isRadioItem.value && showPreSuffix.value(o);
-    };
-    let opKey = choiceUseKey.value;
-    return () => {
-      let _slot;
-      return createVNode(NRadioGroup, {
-        "value": state.curvalue,
-        "onUpdate:value": [($event) => state.curvalue = $event, radioChange],
-        "class": ["c-choice-wrap", "choice-wrap-" + chooseStyleSetting],
-        "disabled": props.isLock
-      }, _isSlot(_slot = state.curOptions.map((o, i) => createVNode(resolveComponent("n-radio"), {
-        "key": o.value,
-        "value": o[opKey]
-      }, {
-        default: () => [showImgWrap.value(o) && renderImg(o), hasPreSuffix(o) && renderPresuffix(o), !hasPreSuffix(o) && renderDefault(o), o.importability && renderOther(o)]
-      }))) ? _slot : {
-        default: () => [_slot]
-      });
-    };
-  }
-});
-
-export { scriptRadio as default };

package/es/components/scale-view/src/components/formitem/r-select.js

@@ -1,202 +0,0 @@
-import { defineComponent, reactive, computed, watch, createVNode, resolveComponent } from 'vue';
-import { NSelect, NEmpty } from 'naive-ui';
-import LoadingCom from '../LoadingCom.vue.js';
-
-var scriptSelect = defineComponent({
-  name: "RSelect",
-  components: {
-    NSelect,
-    NEmpty,
-    LoadingCom
-  },
-  props: {
-    form: {
-      type: Object,
-      default: () => {
-      }
-    },
-    item: {
-      type: Object,
-      default: () => {
-      }
-    },
-    isLock: {
-      type: Boolean,
-      default: false
-    },
-    getSelectOptions: {
-      type: Function,
-      default: () => Promise.resolve([])
-    },
-    getSearchOptions: {
-      type: Function,
-      default: () => Promise.resolve([])
-    },
-    openType: {
-      type: String,
-      default: ""
-    }
-  },
-  emits: ["scaleChange"],
-  setup(props, context) {
-    const state = reactive({
-      choiceValue: [],
-      selectParams: {
-        tableType: "TABLE_LIST",
-        pageSize: 20,
-        page: 1
-      },
-      cloneItem: {},
-      columnName: "",
-      showField: "",
-      curOptions: [],
-      fieldList: [],
-      buttonList: [],
-      fetching: false
-    });
-    props.openType == "formIframe";
-    const isMultiple = computed(() => {
-      var _a, _b;
-      return !!((_b = (_a = props.item) == null ? void 0 : _a.setting) == null ? void 0 : _b.isMultiple);
-    });
-    const isDynamic2Static = computed(() => {
-      let {
-        targetSource = {},
-        options = [],
-        optionType
-      } = props.item || {};
-      if (targetSource.target_id && (options.length || optionType == 3))
-        return true;
-      return false;
-    });
-    const columnKey = computed(() => {
-      var _a;
-      let {
-        target_id,
-        values
-      } = ((_a = props.item) == null ? void 0 : _a.targetSource) || {};
-      if (!target_id || !values)
-        return "value";
-      if (isDynamic2Static.value)
-        return values || "value";
-      return values;
-    });
-    const labelKey = computed(() => {
-      var _a;
-      let {
-        target_id,
-        showField
-      } = ((_a = props.item) == null ? void 0 : _a.targetSource) || {};
-      if (!target_id || !showField)
-        return "label";
-      if (isDynamic2Static.value)
-        return showField || "label";
-      return showField;
-    });
-    const handleDynamic2StaticOptions = (options) => {
-      if (!options || !options.length)
-        return [];
-      return options.map((item) => {
-        if ("cascadeData" in item) {
-          Object.assign(item, {
-            ...item.cascadeData
-          });
-        }
-        if (!(columnKey.value in item)) {
-          item[columnKey.value] = item.value || item.label;
-        }
-        if (!(labelKey.value in item)) {
-          item[labelKey.value] = item.label;
-        }
-        return item;
-      });
-    };
-    const initSelectOptions = async () => {
-      const {
-        targetSource,
-        type,
-        options = [],
-        optionType = 1
-      } = state.cloneItem;
-      state.showField = "label";
-      if (!(targetSource == null ? void 0 : targetSource.target_id))
-        return;
-      if (isDynamic2Static.value) {
-        state.curOptions = handleDynamic2StaticOptions(options);
-        return;
-      }
-      try {
-        state.fetching = true;
-        state.curOptions = await props.getSelectOptions(state.cloneItem);
-        state.fetching = false;
-        state.columnName = targetSource == null ? void 0 : targetSource.values;
-        state.showField = (targetSource == null ? void 0 : targetSource.showField) || (targetSource == null ? void 0 : targetSource.values);
-      } catch (err) {
-        state.fetching = false;
-      }
-    };
-    const handleDef = (value) => {
-      var _a;
-      state.cloneItem = JSON.parse(JSON.stringify(value));
-      let options = state.cloneItem.options || [];
-      if (value.type === "EVALUATE_SELECT") {
-        options = ((_a = state.cloneItem.scoreConfigs) == null ? void 0 : _a.scoreRules) || [];
-      }
-      state.curOptions = options;
-      initSelectOptions();
-    };
-    const handleSelectChange = (value) => {
-      let res = {
-        value: "",
-        list: []
-      };
-      let matchItem;
-      if (!value || !Array.isArray(value)) {
-        res.value = value;
-        matchItem = addItem(value);
-        matchItem && res.list.push(matchItem);
-        context.emit("scaleChange", res, props.item, res);
-        return;
-      }
-      res.value = value;
-      if (!value.length) {
-        res.list = [];
-        context.emit("scaleChange", res, props.item, res);
-        return;
-      }
-      value.forEach((item) => {
-        matchItem = addItem(item);
-        matchItem && res.list.push(matchItem);
-      });
-      context.emit("scaleChange", res, props.item, res);
-    };
-    const addItem = (item) => {
-      return state.curOptions.find((v) => v.value === item);
-    };
-    watch(() => props.item, (value) => {
-      if (!value || !Object.keys(value).length)
-        return;
-      handleDef(value);
-    }, {
-      immediate: true
-    });
-    return () => {
-      return createVNode(resolveComponent("n-select"), {
-        "value": props.form[props.item.val_key],
-        "onUpdate:value": [($event) => props.form[props.item.val_key] = $event, handleSelectChange],
-        "filterable": true,
-        "placeholder": "\u8BF7\u9009\u62E9",
-        "value-field": columnKey.value,
-        "label-field": labelKey.value,
-        "multiple": isMultiple.value,
-        "disabled": props.isLock,
-        "loading": state.fetching,
-        "options": state.curOptions
-      }, {
-        empty: () => state.fetching ? createVNode(LoadingCom, null, null) : createVNode(NEmpty, null, null)
-      });
-    };
-  }
-});
-
-export { scriptSelect as default };

package/es/components/scale-view/src/components/formitem/r-sign.js

@@ -1,177 +0,0 @@
-import { defineComponent, ref, computed, createVNode, resolveComponent, createTextVNode, Fragment } from 'vue';
-import { NButton, NIcon, NSpace, useDialog } from 'naive-ui';
-import StandardModal from './standard-modal.js';
-import SignCom from './sign-com.js';
-import { EyeOutline, TrashOutline } from '@vicons/ionicons5';
-import { api } from 'v-viewer';
-
-var RSign = defineComponent({
-  name: "RSign",
-  components: {
-    NButton,
-    NIcon,
-    NSpace,
-    StandardModal,
-    SignCom
-  },
-  props: {
-    form: {
-      type: Object,
-      default: () => ({})
-    },
-    item: {
-      type: Object,
-      default: () => ({})
-    },
-    isLock: {
-      type: Boolean,
-      default: false
-    }
-  },
-  emits: ["scaleChange"],
-  setup(props, context) {
-    const signRef = ref(null);
-    const signModalVisible = ref(false);
-    const fileList = ref([]);
-    const dialog = useDialog();
-    const limitPic = computed(() => {
-      var _a, _b;
-      return ((_b = (_a = props.item) == null ? void 0 : _a.setting) == null ? void 0 : _b.limitPic) || 1;
-    });
-    const showAdd = computed(() => {
-      return fileList.value.length < limitPic.value && !props.isLock;
-    });
-    const handleDef = () => {
-      const value = props.form[props.item.val_key];
-      if (!value || !Array.isArray(value) || !value.length)
-        return;
-      fileList.value = value;
-    };
-    handleDef();
-    const cancel = () => {
-      signModalVisible.value = false;
-    };
-    const handleReset = () => {
-      signRef.value.reset();
-    };
-    const handleGenerate = () => {
-      signRef.value.generate().then((obj) => {
-        console.log(obj);
-        fileList.value.push(obj);
-        context.emit("scaleChange", fileList.value, props.item);
-        cancel();
-      }).catch((err) => {
-        console.log(err);
-      });
-    };
-    const openModal = () => {
-      if (props.isLock)
-        return;
-      signModalVisible.value = true;
-    };
-    const previewImg = (index) => {
-      const imgs = fileList.value.map((v) => v.url).filter(Boolean);
-      if (!imgs.length)
-        return;
-      api({
-        images: imgs,
-        options: {
-          toolbar: true,
-          initialViewIndex: index
-        }
-      });
-    };
-    const deleteImg = (index) => {
-      if (props.isLock)
-        return;
-      dialog.warning({
-        title: "\u63D0\u793A",
-        content: "\u786E\u8BA4\u8981\u5220\u9664\u7B7E\u540D\u5417\uFF1F",
-        positiveText: "\u786E\u5B9A",
-        negativeText: "\u53D6\u6D88",
-        maskClosable: false,
-        closable: false,
-        positiveButtonProps: {
-          type: "primary"
-        },
-        onPositiveClick: () => {
-          fileList.value.splice(index, 1);
-          context.emit("scaleChange", fileList.value, props.item);
-        },
-        onNegativeClick() {
-        }
-      });
-    };
-    const renderSignContent = () => {
-      return createVNode("div", {
-        "class": "sigan-content-wrap"
-      }, [fileList.value.map((item, index) => {
-        return createVNode("div", {
-          "class": "sign-item"
-        }, [createVNode("img", {
-          "src": item.url
-        }, null), createVNode("div", null, [createVNode(NIcon, {
-          "component": EyeOutline,
-          "onClick": () => previewImg(index)
-        }, null), !props.isLock && createVNode(NIcon, {
-          "component": TrashOutline,
-          "onClick": () => deleteImg(index)
-        }, null)])]);
-      }), showAdd.value && createVNode("div", {
-        "class": "add-sign-wrap",
-        "onClick": openModal
-      }, [createVNode(resolveComponent("svg-icon"), {
-        "icon-class": "a-xitongtubiaozujiantubiaoqianmingzujian"
-      }, null), createVNode("span", null, [createTextVNode("\u6DFB\u52A0\u7B7E\u540D")])])]);
-    };
-    const renderFlooter = () => {
-      return createVNode(Fragment, null, [createVNode(resolveComponent("n-space"), null, {
-        default: () => [createVNode(resolveComponent("n-button"), {
-          "size": "small",
-          "onClick": cancel
-        }, {
-          default: () => [createTextVNode("\u53D6\u6D88")]
-        }), createVNode(resolveComponent("n-button"), {
-          "size": "small",
-          "onClick": handleReset,
-          "type": "primary"
-        }, {
-          default: () => [createTextVNode("\u91CD\u7B7E")]
-        }), createVNode(resolveComponent("n-button"), {
-          "size": "small",
-          "onClick": handleGenerate,
-          "type": "primary"
-        }, {
-          default: () => [createTextVNode("\u786E\u8BA4")]
-        })]
-      })]);
-    };
-    const renderSignModal = () => {
-      return createVNode(resolveComponent("standard-modal"), {
-        "class": "r-sign-modal",
-        "visible": signModalVisible.value,
-        "title": props.item.title,
-        "modalWidth": "652px",
-        "modalHeight": "476px",
-        "handleOk": handleGenerate,
-        "cancel": cancel
-      }, {
-        default: () => createVNode(resolveComponent("sign-com"), {
-          "ref": signRef,
-          "isCrop": true
-        }, null),
-        action: () => renderFlooter()
-      });
-    };
-    const renderContent = () => {
-      return createVNode("div", {
-        "class": "c-sign-wrap"
-      }, [renderSignContent(), renderSignModal()]);
-    };
-    return () => {
-      return renderContent();
-    };
-  }
-});
-
-export { RSign as default };