cnhis-design-vue 3.1.24-beta.7 → 3.1.24-beta.9

package/es/components/scale-view/src/components/formitem/r-input.d.ts

@@ -0,0 +1,34 @@
+declare const _default: import("vue").DefineComponent<{
+    form: {
+        type: ObjectConstructor;
+        default: () => {};
+    };
+    item: {
+        type: ObjectConstructor;
+        default: () => {};
+    };
+    isLock: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+}, () => JSX.Element, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, "scaleChange"[], "scaleChange", import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{
+    form: {
+        type: ObjectConstructor;
+        default: () => {};
+    };
+    item: {
+        type: ObjectConstructor;
+        default: () => {};
+    };
+    isLock: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+}>> & {
+    onScaleChange?: ((...args: any[]) => any) | undefined;
+}, {
+    item: Record<string, any>;
+    isLock: boolean;
+    form: Record<string, any>;
+}>;
+export default _default;

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

@@ -0,0 +1,86 @@
+import { defineComponent, computed, ref, watch, createVNode } from 'vue';
+import { NInput } from 'naive-ui';
+
+var RInput = defineComponent({
+  name: "RInput",
+  components: {
+    NInput
+  },
+  props: {
+    form: {
+      type: Object,
+      default: () => ({})
+    },
+    item: {
+      type: Object,
+      default: () => ({})
+    },
+    isLock: {
+      type: Boolean,
+      default: false
+    }
+  },
+  emits: ["scaleChange"],
+  setup(props, {
+    emit
+  }) {
+    var _a, _b, _c, _d, _e, _f;
+    let type = (_a = props.item) == null ? void 0 : _a.valueType;
+    let eleType = ((_b = props.item) == null ? void 0 : _b.type) || "INPUT";
+    let isTextarea = eleType == "INPUT" || eleType == "EVALUATE_INPUT";
+    let row = ((_d = (_c = props.item) == null ? void 0 : _c.setting) == null ? void 0 : _d.inputRow) || 1;
+    let defaultPlaceHolder = (_f = (_e = props.item) == null ? void 0 : _e.setting) == null ? void 0 : _f.defaultPlaceHolder;
+    const setTextareaRow = computed(() => {
+      if (!row || row == "auto") {
+        return {
+          minRows: 1
+        };
+      }
+      return {
+        minRows: row || 1,
+        maxRows: row || 1
+      };
+    });
+    const keydown = (e) => {
+      if (!isTextarea)
+        return;
+      let key = e.key;
+      if (key === "e" || key === "E" || key === "+" || key === "-") {
+        e.returnValue = false;
+      } else {
+        e.returnValue = true;
+      }
+    };
+    const inputValue = ref(props.form[props.item.val_key]);
+    watch(() => props.form[props.item.val_key], (val) => {
+      inputValue.value = val;
+    }, {
+      immediate: true
+    });
+    const handleUpdateValue = (val) => {
+      if (isTextarea && val && type === "number") {
+        inputValue.value = val.replace(/[^\d.]/gi, "");
+      } else {
+        inputValue.value = val;
+      }
+      emit("scaleChange", inputValue.value, props.item);
+    };
+    const inputRender = () => {
+      let inputType = isTextarea ? "textarea" : type || "text";
+      return createVNode(NInput, {
+        "value": inputValue.value,
+        "type": inputType,
+        "autosize": setTextareaRow.value,
+        "placeholder": defaultPlaceHolder,
+        "disabled": props.isLock,
+        "onKeydown": keydown,
+        "onUpdate:value": handleUpdateValue
+      }, null);
+    };
+    return () => {
+      return inputRender();
+    };
+  }
+});
+
+export { RInput as default };

package/es/components/scale-view/src/components/formitem/r-map.d.ts

@@ -0,0 +1,52 @@
+declare const _default: import("vue").DefineComponent<{
+    form: {
+        type: ObjectConstructor;
+        default: () => {};
+    };
+    item: {
+        type: ObjectConstructor;
+        default: () => {};
+    };
+    isLock: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    locationProp: {
+        type: StringConstructor;
+        default: string;
+    };
+    ak: {
+        type: StringConstructor;
+        default: string;
+    };
+}, () => JSX.Element, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, "scaleChange"[], "scaleChange", import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{
+    form: {
+        type: ObjectConstructor;
+        default: () => {};
+    };
+    item: {
+        type: ObjectConstructor;
+        default: () => {};
+    };
+    isLock: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    locationProp: {
+        type: StringConstructor;
+        default: string;
+    };
+    ak: {
+        type: StringConstructor;
+        default: string;
+    };
+}>> & {
+    onScaleChange?: ((...args: any[]) => any) | undefined;
+}, {
+    item: Record<string, any>;
+    isLock: boolean;
+    ak: string;
+    form: Record<string, any>;
+    locationProp: string;
+}>;
+export default _default;

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

@@ -0,0 +1,106 @@
+import { defineComponent, reactive, createVNode, resolveComponent } from 'vue';
+import { NModal, NInput, NIcon } from 'naive-ui';
+import XEUtils from 'xe-utils';
+import 'moment';
+import { AlertCircleOutline } from '@vicons/ionicons5';
+import Map from '../../../../map/index.js';
+
+var RMap = defineComponent({
+  name: "RMap",
+  components: {
+    NModal,
+    NInput,
+    NIcon,
+    CMap: Map
+  },
+  props: {
+    form: {
+      type: Object,
+      default: () => ({})
+    },
+    item: {
+      type: Object,
+      default: () => ({})
+    },
+    isLock: {
+      type: Boolean,
+      default: false
+    },
+    locationProp: {
+      type: String,
+      default: ""
+    },
+    ak: {
+      type: String,
+      default: "KP3BZ-OAC3W-PY6RY-OJ6DV-JYKN3-H6F72"
+    }
+  },
+  emits: ["scaleChange"],
+  setup(props, context) {
+    let locationProp = props.form[props.item.val_key];
+    const state = reactive({
+      mapVisible: false,
+      mapLocation: ""
+    });
+    const handleGetAddress = (val) => {
+      if (XEUtils.isJSON(val)) {
+        const valObj = JSON.parse(val);
+        return valObj.address || valObj.name;
+      }
+      return "";
+    };
+    state.mapLocation = handleGetAddress(locationProp);
+    const handleSelectLocation = (obj) => {
+      const {
+        locationProp: locationProp2,
+        isInit
+      } = obj;
+      state.mapLocation = handleGetAddress(locationProp2);
+      context.emit("scaleChange", locationProp2, props.item);
+      state.mapVisible = false;
+    };
+    const clickMap = () => {
+      if (props.isLock)
+        return;
+      state.mapVisible = true;
+    };
+    const renderMap = () => {
+      return createVNode("div", {
+        "class": {
+          "c-map-container": !props.isLock
+        }
+      }, [createVNode(resolveComponent("n-input"), {
+        "value": state.mapLocation,
+        "disabled": true,
+        "class": "map-input",
+        "on-click": clickMap,
+        "placeholder": "\u8BF7\u9009\u62E9"
+      }, {
+        prefix: () => createVNode(resolveComponent("n-icon"), {
+          "size": "18",
+          "component": AlertCircleOutline
+        }, null)
+      }), createVNode(resolveComponent("n-modal"), {
+        "class": "c-scale-map-modal",
+        "show": state.mapVisible,
+        "onUpdate:show": ($event) => state.mapVisible = $event,
+        "preset": "card",
+        "style": {
+          width: "800px",
+          height: "80vh"
+        }
+      }, {
+        default: () => [createVNode(Map, {
+          "locationProp": props.locationProp,
+          "ak": props.ak,
+          "onSelectLocation": handleSelectLocation
+        }, null)]
+      })]);
+    };
+    return () => {
+      return renderMap();
+    };
+  }
+});
+
+export { RMap as default };

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

@@ -0,0 +1,43 @@
+declare const _default: import("vue").DefineComponent<{
+    form: {
+        type: ObjectConstructor;
+        default: () => void;
+    };
+    item: {
+        type: ObjectConstructor;
+        default: () => void;
+    };
+    isLock: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    inputLock: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+}, () => JSX.Element, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, "scaleChange"[], "scaleChange", import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{
+    form: {
+        type: ObjectConstructor;
+        default: () => void;
+    };
+    item: {
+        type: ObjectConstructor;
+        default: () => void;
+    };
+    isLock: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    inputLock: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+}>> & {
+    onScaleChange?: ((...args: any[]) => any) | undefined;
+}, {
+    item: Record<string, any>;
+    isLock: boolean;
+    form: Record<string, any>;
+    inputLock: boolean;
+}>;
+export default _default;

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

@@ -0,0 +1,240 @@
+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.d.ts

@@ -0,0 +1,61 @@
+declare const _default: import("vue").DefineComponent<{
+    form: {
+        type: ObjectConstructor;
+        default: () => void;
+    };
+    item: {
+        type: ObjectConstructor;
+        default: () => void;
+    };
+    isLock: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    getSelectOptions: {
+        type: FunctionConstructor;
+        default: () => Promise<never[]>;
+    };
+    getSearchOptions: {
+        type: FunctionConstructor;
+        default: () => Promise<never[]>;
+    };
+    openType: {
+        type: StringConstructor;
+        default: string;
+    };
+}, () => JSX.Element, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, "scaleChange"[], "scaleChange", import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{
+    form: {
+        type: ObjectConstructor;
+        default: () => void;
+    };
+    item: {
+        type: ObjectConstructor;
+        default: () => void;
+    };
+    isLock: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    getSelectOptions: {
+        type: FunctionConstructor;
+        default: () => Promise<never[]>;
+    };
+    getSearchOptions: {
+        type: FunctionConstructor;
+        default: () => Promise<never[]>;
+    };
+    openType: {
+        type: StringConstructor;
+        default: string;
+    };
+}>> & {
+    onScaleChange?: ((...args: any[]) => any) | undefined;
+}, {
+    item: Record<string, any>;
+    isLock: boolean;
+    openType: string;
+    getSelectOptions: Function;
+    getSearchOptions: Function;
+    form: Record<string, any>;
+}>;
+export default _default;