cnhis-design-vue 3.1.17 → 3.1.18-beta.4

package/es/components/scale-view/src/components/NoData.js

@@ -0,0 +1,74 @@
+import { defineComponent, computed, openBlock, createElementBlock, unref, createCommentVNode, createElementVNode, toDisplayString } from 'vue';
+import img$1 from '../../../../shared/assets/img/nodata.js';
+import img$3 from '../../../../shared/assets/img/no-permission.js';
+import img$2 from '../../../../shared/assets/img/failure.js';
+import img from '../../../../shared/assets/img/notfound.js';
+import _export_sfc from '../../../../_virtual/plugin-vue_export-helper.js';
+
+const _hoisted_1 = { class: "no-data-tip NoData-page" };
+const _hoisted_2 = ["src"];
+const _hoisted_3 = { key: 1 };
+const _sfc_main = /* @__PURE__ */ defineComponent({
+  __name: "NoData",
+  props: {
+    noDataTip: {
+      type: String,
+      default: "\u6682\u65E0\u6570\u636E"
+    },
+    noDataImg: {
+      type: String,
+      default: "nodata"
+    },
+    showImg: {
+      type: Boolean,
+      default: true
+    }
+  },
+  setup(__props) {
+    const props = __props;
+    const imgStr = computed(() => {
+      let str = null;
+      switch (props.noDataImg) {
+        case "no-permission":
+          str = img$3;
+          break;
+        case "failure":
+          str = img$2;
+          break;
+        case "nodata":
+          str = img$1;
+          break;
+        default:
+          str = img;
+          break;
+      }
+      return str;
+    });
+    const handleDesc = computed(() => {
+      let res = "";
+      switch (props.noDataImg) {
+        case "no-permission":
+          res = "\u8BF7\u8054\u7CFB\u7BA1\u7406\u5458";
+          break;
+        case "failure":
+          res = "\u8BF7\u7A0D\u540E\u518D\u8BD5";
+          break;
+      }
+      return res;
+    });
+    return (_ctx, _cache) => {
+      return openBlock(), createElementBlock("div", _hoisted_1, [
+        __props.showImg ? (openBlock(), createElementBlock("img", {
+          key: 0,
+          src: unref(imgStr),
+          alt: ""
+        }, null, 8, _hoisted_2)) : createCommentVNode("v-if", true),
+        createElementVNode("p", null, toDisplayString(__props.noDataTip), 1),
+        unref(handleDesc) ? (openBlock(), createElementBlock("span", _hoisted_3, toDisplayString(unref(handleDesc)), 1)) : createCommentVNode("v-if", true)
+      ]);
+    };
+  }
+});
+var NoData = /* @__PURE__ */ _export_sfc(_sfc_main, [["__file", "NoData.vue"]]);
+
+export { NoData as default };

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

@@ -0,0 +1,226 @@
+import { defineComponent, reactive, computed, createVNode, resolveComponent } from 'vue';
+import { NSelect, NInput } from 'naive-ui';
+import allData from './address.js';
+import XEUtils from 'xe-utils';
+import 'moment';
+
+var RAddress = defineComponent({
+  name: "RAddress",
+  components: {
+    NSelect,
+    NInput
+  },
+  props: {
+    form: {
+      type: Object,
+      default: () => {
+      }
+    },
+    item: {
+      type: Object,
+      default: () => {
+      }
+    },
+    isLock: {
+      type: Boolean,
+      default: false
+    }
+  },
+  emits: ["scaleChange"],
+  setup(props, context) {
+    let state = reactive({
+      provinceValue: -1,
+      cityValue: -1,
+      areaValue: -1,
+      province: [{
+        value: -1,
+        label: "\u7701/\u81EA\u6CBB\u533A/\u76F4\u8F96\u5E02"
+      }],
+      city: [{
+        value: -1,
+        label: "\u5E02"
+      }],
+      area: [{
+        value: -1,
+        label: "\u533A/\u53BF"
+      }],
+      addressValue: "",
+      allValue: {}
+    });
+    const setting = props.item.setting || {
+      addressType: "province-city-district-address"
+    };
+    const addressType = computed(() => {
+      let setObj = {
+        addressType: "province-city-district-address"
+      };
+      if (XEUtils.isJSON(setting)) {
+        setObj = JSON.parse(setting);
+      } else {
+        setObj = setting;
+      }
+      return setObj.addressType;
+    });
+    const hasProvince = computed(() => {
+      return addressType.value.includes("province");
+    });
+    const hasCity = computed(() => {
+      return addressType.value.includes("city");
+    });
+    const hasDistrict = computed(() => {
+      return addressType.value.includes("district");
+    });
+    const hasAddress = computed(() => {
+      return addressType.value.includes("address");
+    });
+    const objToArray = (obj) => {
+      if (!obj)
+        return [];
+      return Object.keys(obj).map((item) => {
+        return {
+          value: item,
+          label: obj[item]
+        };
+      });
+    };
+    const handleDef = () => {
+      var _a, _b, _c;
+      state.province.push(...objToArray(allData["86"]));
+      let value = props.form[props.item.val_key];
+      if (XEUtils.isEmpty(value))
+        return;
+      let provinceValue = ((_a = value["province"]) == null ? void 0 : _a.key) || -1;
+      let cityValue = ((_b = value["city"]) == null ? void 0 : _b.key) || -1;
+      let areaValue = ((_c = value["area"]) == null ? void 0 : _c.key) || -1;
+      state.addressValue = value["address"];
+      state.allValue = JSON.parse(JSON.stringify(value));
+      handleProvince(provinceValue, value["province"], "no");
+      handleCity(cityValue, value["city"], "no");
+      handleArea(areaValue, value["area"], "no");
+    };
+    const initCity = () => {
+      state.city = [{
+        value: -1,
+        label: "\u5E02"
+      }];
+      state.cityValue = -1;
+      let allValue = state.allValue;
+      allValue.city = {
+        key: -1,
+        label: "\u5E02"
+      };
+    };
+    const initArea = () => {
+      state.area = [{
+        value: -1,
+        label: "\u533A/\u53BF"
+      }];
+      state.areaValue = -1;
+      let allValue = state.allValue;
+      allValue.area = {
+        key: -1,
+        label: "\u533A/\u53BF"
+      };
+    };
+    const handleProvince = (value, options, isInit) => {
+      state.provinceValue = value;
+      initCity();
+      initArea();
+      if (value != -1 && state.city.length === 1) {
+        state.city.push(...objToArray(allData[value]));
+      }
+      let allValue = state.allValue;
+      allValue.province = {
+        key: value,
+        label: options.label
+      };
+      allValue.address = state.addressValue;
+      if (isInit == "no")
+        return;
+      context.emit("scaleChange", allValue, props.item);
+    };
+    const handleCity = (value, options, isInit) => {
+      state.cityValue = value;
+      initArea();
+      if (value != -1 && state.area.length === 1) {
+        state.area.push(...objToArray(allData[value]));
+      }
+      let allValue = state.allValue;
+      allValue.city = {
+        key: value,
+        label: options.label
+      };
+      allValue.address = state.addressValue;
+      if (isInit == "no")
+        return;
+      context.emit("scaleChange", allValue, props.item);
+    };
+    const handleArea = (value, options, isInit) => {
+      state.areaValue = value;
+      let allValue = state.allValue;
+      allValue.area = {
+        key: value,
+        label: options.label
+      };
+      if (isInit == "no")
+        return;
+      context.emit("scaleChange", state.allValue, props.item);
+    };
+    const handleAddress = (val, isInit) => {
+      state.addressValue = val;
+      let allValue = state.allValue;
+      allValue.address = val;
+      if (isInit == "no")
+        return;
+      context.emit("scaleChange", state.allValue, props.item);
+    };
+    const renderProvince = () => {
+      return createVNode(resolveComponent("n-select"), {
+        "value": state.provinceValue,
+        "filterable": true,
+        "placeholder": "\u8BF7\u9009\u62E9",
+        "disabled": props.isLock,
+        "options": state.province,
+        "onUpdate:value": handleProvince
+      }, null);
+    };
+    const renderCity = () => {
+      return createVNode(resolveComponent("n-select"), {
+        "value": state.cityValue,
+        "filterable": true,
+        "placeholder": "\u8BF7\u9009\u62E9",
+        "disabled": props.isLock,
+        "options": state.city,
+        "onUpdate:value": handleCity
+      }, null);
+    };
+    const renderDistrict = () => {
+      return createVNode(resolveComponent("n-select"), {
+        "value": state.areaValue,
+        "filterable": true,
+        "placeholder": "\u8BF7\u9009\u62E9",
+        "disabled": props.isLock,
+        "options": state.area,
+        "onUpdate:value": handleArea
+      }, null);
+    };
+    const renderaddress = () => {
+      return createVNode(resolveComponent("n-input"), {
+        "value": state.addressValue,
+        "placeholder": "\u8BF7\u8F93\u5165",
+        "disabled": props.isLock,
+        "onUpdate:value": handleAddress
+      }, null);
+    };
+    handleDef();
+    return () => {
+      return createVNode("div", {
+        "class": "c-scale-address"
+      }, [createVNode("div", {
+        "class": "field-row"
+      }, [hasProvince.value && renderProvince(), hasCity.value && renderCity(), hasDistrict.value && renderDistrict()]), hasAddress.value && renderaddress()]);
+    };
+  }
+});
+
+export { RAddress as default };

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

@@ -0,0 +1,281 @@
+import { defineComponent, reactive, watch, createVNode, resolveComponent, isVNode } from 'vue';
+import { NCheckboxGroup, NCheckbox, NInput, NIcon } from 'naive-ui';
+import { api } from 'v-viewer';
+import { SearchOutline } from '@vicons/ionicons5';
+import XEUtils from 'xe-utils';
+import 'moment';
+import chooseCommon from '../composables/choose-common.js';
+
+function _isSlot(s) {
+  return typeof s === "function" || Object.prototype.toString.call(s) === "[object Object]" && !isVNode(s);
+}
+var scriptCheckbox = defineComponent({
+  name: "RCheckbox",
+  components: {
+    NCheckboxGroup,
+    NCheckbox,
+    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({
+      curCheckboxValue: [],
+      othersText: "",
+      curOptions: [],
+      optionsPreSuffixObj: {}
+    });
+    const {
+      choiceColor,
+      showImgWrap,
+      handleDefPreSuffix,
+      choiceUseKey,
+      isCheckboxItem,
+      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 handleCheckboxOther = (isOtherInput) => {
+      let choiceObj = {
+        othersText: state.othersText,
+        optionsPreSuffixObj: state.optionsPreSuffixObj
+      };
+      if (isOtherInput && !state.curCheckboxValue.includes("other")) {
+        state.curCheckboxValue.push("other");
+      }
+      let curCheckboxValue = JSON.parse(JSON.stringify(state.curCheckboxValue));
+      context.emit("scaleChange", curCheckboxValue, props.item, {
+        choiceObj,
+        isSetObj: isCheckboxItem.value
+      });
+    };
+    const handleCheckboxDefModal = (item, curValue, options) => {
+      var _a2;
+      state.curOptions = handleOptions(options);
+      if (!options.length || !curValue || !curValue.length)
+        return;
+      let resArr = [];
+      let i = 0, x, len = curValue.length;
+      for (; i < len; i++) {
+        x = curValue[i];
+        if (x === "\u5176\u4ED6") {
+          state.othersText = x;
+          state.curCheckboxValue = ["other"];
+          !resArr.includes("other") && resArr.push("other");
+          continue;
+        }
+        let matchIndex = options.findIndex((v) => v.value === x);
+        if (matchIndex < 0) {
+          state.othersText = x;
+          !resArr.includes("other") && resArr.push("other");
+          continue;
+        }
+        let res = (_a2 = options[matchIndex]) == null ? void 0 : _a2.key;
+        if (resArr.indexOf(res) < 0) {
+          resArr.push(res);
+        }
+      }
+      state.curCheckboxValue = resArr;
+      handleCheckboxOther();
+    };
+    const handleCheckboxDef = (item, curValue, options) => {
+      var _a2;
+      state.curOptions = handleOptions(options);
+      if (!options.length || !curValue || !curValue.length)
+        return;
+      if (item.type === "EVALUATE_CHECKBOX_BLOCK") {
+        state.curCheckboxValue = curValue;
+        handleCheckboxOther();
+        return;
+      }
+      let resArr = [], i = 0, x, len = curValue.length;
+      let hasOther = options.some((v) => v.importability || v.key === "other");
+      for (; i < len; i++) {
+        x = curValue[i];
+        if (x === "\u5176\u4ED6") {
+          state.othersText = x;
+          state.curCheckboxValue = ["other"];
+          !resArr.includes("other") && resArr.push("other");
+          continue;
+        }
+        let matchIndex = options.findIndex((v) => v.value === x);
+        if (matchIndex > 0) {
+          let res = (_a2 = options[matchIndex]) == null ? void 0 : _a2.key;
+          !resArr.includes(res) && resArr.push(res);
+          continue;
+        }
+        options.map((v) => {
+          let res = handleDefPreSuffix(v, i, x, true, hasOther);
+          res && !resArr.includes(res) && resArr.push(res);
+        });
+      }
+      state.curCheckboxValue = resArr;
+      handleCheckboxOther();
+    };
+    const handleDef = (value) => {
+      var _a2, _b2;
+      let options = value.options || [];
+      let valueDef = props.form[props.item.val_key];
+      let defaultValue = (_a2 = value == null ? void 0 : value.setting) == null ? void 0 : _a2.defaultValue;
+      if (props.item.type === "EVALUATE_CHECKBOX_BLOCK") {
+        options = ((_b2 = value.scoreConfigs) == null ? void 0 : _b2.scoreRules) || [];
+      }
+      let defVal = [];
+      if (defaultValue && XEUtils.isJSON(defaultValue)) {
+        defVal = JSON.parse(defaultValue);
+      } else {
+        defVal = valueDef;
+      }
+      if (props.inputLock) {
+        handleCheckboxDefModal(value, value.dbValue || defVal, options);
+      } else {
+        handleCheckboxDef(value, value.dbValue || defVal, options);
+      }
+    };
+    watch(() => props.item, (value) => {
+      if (!value || !Object.keys(value).length)
+        return;
+      handleDef(value);
+    }, {
+      immediate: true
+    });
+    const inputPreSuffixCheckboxChange = (o, i) => {
+      let choiceObj = {
+        othersText: state.othersText,
+        optionsPreSuffixObj: state.optionsPreSuffixObj
+      };
+      if (!state.curCheckboxValue.includes(o.key)) {
+        state.curCheckboxValue.push(o.key);
+      }
+      let curCheckboxValue = JSON.parse(JSON.stringify(state.curCheckboxValue));
+      context.emit("scaleChange", curCheckboxValue, props.item, {
+        choiceObj,
+        isSetObj: isCheckboxItem.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,
+        "onInput": () => inputPreSuffixCheckboxChange(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, () => handleCheckboxOther(true)],
+        "disabled": props.isLock || props.inputLock,
+        "style": {
+          color: choiceColor.value(o)
+        },
+        "placeholder": "\u8BF7\u8F93\u5165",
+        "bordered": false
+      }, null)]);
+    };
+    const hasPreSuffix = (o) => {
+      return isCheckboxItem.value && showPreSuffix.value(o);
+    };
+    let opKey = choiceUseKey.value;
+    return () => {
+      let _slot;
+      return createVNode(NCheckboxGroup, {
+        "value": state.curCheckboxValue,
+        "onUpdate:value": [($event) => state.curCheckboxValue = $event, () => handleCheckboxOther(false)],
+        "class": ["c-choice-wrap", "choice-wrap-" + chooseStyleSetting],
+        "disabled": props.isLock
+      }, _isSlot(_slot = state.curOptions.map((o, i) => createVNode(resolveComponent("n-checkbox"), {
+        "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 { scriptCheckbox as default };